TypeScript的函数说明

1,522 阅读2分钟

介绍

函数是JavaScript应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块。 在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义 行为的地方。 TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用。

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

例:

// Named function
function a(x, y) {
return x + y;
} 

// Anonymous
function let myAdd = function(x, y) { return x + y; };

函数类型

1. 为函数定义类型

为例子添加类型


function a(x: number, y: number): number {
return x + y;
}

let myAdd = function(x: number, y: number): number { return x + y; };


2. 书写完整函数类型


let myAdd: (x: number, y: number) => number =
function(x: number, y: number): number { return x + y; };

函数类型包含两部分:参数类型和返回值类型。 当写出完整函数类型的时候,这两部分都是需要的。 我们以参数列表的形式写出参数类型,为每个参数指定一个名字和类型。 这个名字只是为了增加可读性。

其实我们也可以这么写:


let myAdd: (baseValue: number, increment: number) => number =
function(x: number, y: number): number { return x + y; };

3. 推断类型

尝试这个例子的时候,你会发现如果你在赋值语句的一边指定了类型但是另一边没有类型的话,TypeScript编译器会自动识别出类型:

// myAdd has the full function type

let myAdd = function(x: number, y: number): number { return x + y; };

// The parameters `x` and `y` have the type number

let myAdd: (baseValue: number, increment: number) => number = function(x, y) { return x + y; };

这叫做“按上下文归类”,是类型推论的一种。 它帮助我们更好地为程序指定类型。