关于typescript函数

最新推荐文章于 2025-07-24 13:45:26 发布

原创最新推荐文章于 2025-07-24 13:45:26 发布 · 313 阅读

CC 4.0 BY-SA版权

3 篇文章

订阅专栏

本文详细介绍了TypeScript中函数的使用方法，包括如何定义有名字的函数和匿名函数，以及如何为函数参数和返回值添加类型。通过示例对比了TypeScript与JavaScript在函数定义上的区别，展示了TypeScript如何增强JavaScript的函数功能。

函数是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作为参数。
也就是传递给一个函数的参数个数必须与函数期望的参数个数一致。