一,简介
函数是JavaScript应用程序的基础,在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义 行为的地方。 TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用。
二,使用
和JavaScript一样,TypeScript函数可以创建有名字的函数和匿名函数
函数定义
ts:
function add(x: number, y: number): number {
return x + y;
}
let myAdd = function(x: number, y: number): number { return x + y; };
js:
function add(x, y) {
return x + y;
}
var myAdd = function (x, y) { return x + y; };
每个参数添加类型之后再为函数本身添加返回值类型。 TypeScript能够根据返回语句自动推断出返回值类型。
书写函数
ts:
let myAdd: (x: number, y: number) => number =
function(x: number, y: number): number { return x + y; };
js:
var myAdd = function (x, y) { return x + y; };
函数类型包含两部分:一个是参数类型和返回值类型,以参数列表的形式写出参数类型,为每个参数指定一个名字和类型。另一个是返回值类型, 对于返回值,在函数和返回值类型之前使用( =>)符号,使之清晰明了。
构造函数
ts:
function buildName(firstName: string, lastName: string) {
return firstName + " " + lastName;
}
let result = buildName("aa");
js:
function buildName(firstName, lastName) {
return firstName + " " + lastName;
}
var result = buildName("aa");
TypeScript里的每个函数参数都是必须的。 这不是指不能传递 null或undefined作为参数。
也就是传递给一个函数的参数个数必须与函数期望的参数个数一致。