• 周四. 6月 30th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

TypeScript学习: 三、TypeScript 中的函数

admin

11月 28, 2021

TypeScript学习: 三、TypeScript 中的函数

  ES5的函数定义

// 匿名函数
var run1 = function() {

}
// 函数声明
function run2() {

}

 typeScript

// 返回类型需要定义,定义了返回number类型,函数的返回也必须是该number类型
function run():number{
    return 123;
}
// 参数类型也是一样,必须定义类型
function run(a:number, b:number):number{
    let c = a + b;
    return c;
}

 typeScript会验证你定义函数的参数类型,和返回类型

没有返回值

      

function run(a:number|string, b:number):void{
    let c = `a参数${a} --- b参数${b}`;
}
run(1,2);

方法可选参数

  ES5 中 方法的实参和行参可以不一样, 但是TS中必须一样,如果不一样,就需要配置,可选参数,添加一个问号

       

 默认参数,在ES5中无法设置默认参数,在ES6和typeScript才可以设置默认参数

  默认参数必须配置到参数的最后面,可选参数也是一样

给参数b指定默认值10

     

剩余参数

  比如要算几个数字的和

如果要算的数字和,比较多,那么,函数的参数就需要很多个,如果要算的数字有多少个,我们不知道,这时可以使用剩余参数方法,三点运算符

剩余参数,还可以添加其他参数

函数重载

javaScript 中没有函数重载的说法,如果出现函数名一样方法,后面定义的会覆盖前面的

java 中方法重载,指 两个或者两个以上的同名函数,但函数之间的参数不一样,赋予不同的参数就会调用不同的方法实现不同功能,实现了方法重载

TypeScript 中的重载和java的类似, 通过同一个函数提供多个函数类型定义来实现多种功能,方法重载让JavaScript语言更走向面向对象

TypeScript 的重载为了兼容ES5和ES6 和java 使用区别的

参数个数不同的写法,使用可选参数符号实现

 错误写法

 箭头函数, ES6写法

// ES5写法
setTimeout(function() {
    console.log("run");
}, 1000)
// ES6写法
setTimeout(() => {
    console.log("run");
}, 1000)

// 箭头函数this指向问题: 箭头函数里面的this指向上下文

发表评论

您的电子邮箱地址不会被公开。