TypeScript--函数

快来打我* 2022-03-07 00:48 233阅读 0赞

## javascript中的函数 ##

function test1(){
        alert("test1")
    }
    var test2 = function(){
        alert('test2');
    }

## TypeScript中的函数 ##

### 没有参数没有返回值 ###

function run0():void{
        console.log('aa')
    }

### 没有参数有返回值 ###

function run():string{
        return '123'
    }

### 有参有返回值 ###

function run3(name:string,age:number):string{
        return `${name}---${age}`
    }
    alert(run3('aa',20))

### 有参没有返回值 ###

function run4(name:string,):void{
        console.log(name)
    }
    alert(run4('aaa'))

### 默认参数，可选参数 ###

可选参数要放在最后面

function run5(age:number,name?:string):string{
        if(name){
            return `${name}--${age}`
        }else{
            return `${age}`
        }
    }
    run5(20)
    run5(20,'aa')
    run5('aa',20)

### 剩余参数 ###

function sum(a:number,b:number,c:number):number{
        return a+b+c;
    }
    alert(sum(1,2,3));
    
    function sum2(...result:number[]):number{
        var sum =0;
        for(var i =0;i<result.length;i++){
            sum+=result[i]
        }
        return sum;
    }
    alert(sum2(1,2,3,4));

### 函数重载 ###

function getInfo(name: string): string;
    
    function getInfo(age: number): string;
    
    function getInfo(str: any): any {
        if (typeof str === 'string') {
            return '我叫' + str;
        } else {
            return '我的年龄是' + str;
        }
    }
    
    alert(getInfo('aa'))
    alert(getInfo(11))

### 箭头函数 ###

setTimeout(() => {
        alert('aa')
    },1000)
    
    setTimeout(function(){
        alert('bb')
    },2000)

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 5.typescript函数

函数格式 function 函数名(参数列表): 返回值类型 { 函数体 ... [return 返回值;]

秒速五厘米/ 2024年04月07日 13:07/ 0 赞/ 55 阅读

相关 TypeScript 函数讲解

TypeScript 函数讲解函数的定义可以指定参数的类型和返回值的类型 function hello(name:string):void {

秒速五厘米/ 2022年12月27日 01:54/ 0 赞/ 145 阅读

相关 Typescript学习--函数声明

先看一下es5中定义函数的方式： // 函数声明 function run3() { } // 匿名函数 var run4 = functio

蔚落/ 2022年10月25日 00:50/ 0 赞/ 249 阅读

相关 TypeScript函数

首先我们先来回顾一下es5定义函数的方法 // 函数声明法 function run(){ return 'run'; }

短命女/ 2022年10月19日 15:59/ 0 赞/ 164 阅读

相关 TypeScript 方法/函数

//无返回类型 function fun(){ } //有返回类型 function fun1():string{ r

我不是女神ヾ/ 2022年07月15日 04:52/ 0 赞/ 170 阅读

相关 TypeScript 函数使用整理

一、介绍函数是JavaScript应用程序的基础。它帮助你实现抽象层、模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块等，但函数仍然是主要定

青旅半醒/ 2022年06月13日 05:19/ 0 赞/ 218 阅读

相关 TypeScript--函数

javascript中的函数 function test1(){ alert("test1") } var test2 = fun

快来打我*/ 2022年03月07日 00:48/ 0 赞/ 234 阅读

相关 6、typescript - 函数

和JavaScript一样，TypeScript函数可以创建有名字的函数和匿名函数。你可以随意选择适合应用程序的方式，不论是定义一系列API函数还是只使用一次的函数。为

不念不忘少年蓝@/ 2021年12月20日 23:03/ 0 赞/ 270 阅读

相关 TypeScript 入门学习（三）：TypeScript 函数定义

TypeScript 函数定义函数定义 // 函数声明法 function fun(): string { return 'xxx';}

叁歲伎倆/ 2021年09月30日 06:42/ 0 赞/ 513 阅读

相关 typescript 函数

定义函数两种方式方式一 function xx(x:类型,y:类型):返回值类型{ ... }

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 22:18/ 0 赞/ 511 阅读