TypeScript 函数


TypeScript 有特定的语法来输入函数参数和返回值。

阅读有关函数的更多信息这里


返回类型

可以显式定义函数返回值的类型。

示例

// the `: number` here specifies that this function returns a number
function getTime(): number {
  return new Date().getTime();
}
亲自试一试 »

如果未定义返回类型,TypeScript 将尝试通过返回的变量或表达式的类型来推断它。


无效返回类型

方式void可用于指示函数不返回任何值。

示例

function printHello(): void {
  console.log('Hello!');
}

亲自试一试 »

参数

函数参数的类型化与变量声明的语法类似。

示例

function multiply(a: number, b: number) {
  return a * b;
}
亲自试一试 »

如果没有定义参数类型,TypeScript 将默认使用any,除非有其他类型信息可用,如下面的“默认参数”和“类型别名”部分所示。



可选参数

默认情况下,TypeScript 会假定所有参数都是必需的,但可以将它们显式标记为可选。

示例

// the `?` operator here marks parameter `c` as optional
function add(a: number, b: number, c?: number) {
  return a + b + (c || 0);
}
亲自试一试 »

默认参数

对于具有默认值的参数,默认值位于类型注释之后:

示例

function pow(value: number, exponent: number = 10) {
  return value ** exponent;
}
亲自试一试 »

TypeScript 还可以从默认值推断类型。


命名参数

输入命名参数遵循与输入普通参数相同的模式。

示例

function divide({ dividend, divisor }: { dividend: number, divisor: number }) {
  return dividend / divisor;
}
亲自试一试 »

其余参数

剩余参数可以像普通参数一样键入,但类型必须是数组,因为剩余参数始终是数组。

示例

function add(a: number, b: number, ...rest: number[]) {
  return a + b + rest.reduce((p, c) => p + c, 0);
}
亲自试一试 »

类型别名

函数类型可以与具有类型别名的函数分开指定。

这些类型的编写方式与箭头函数类似,请阅读有关箭头函数的更多信息这里

示例

type Negate = (value: number) => number;

// in this function, the parameter `value` automatically gets assigned the type `number` from the type `Negate`
const negateFunction: Negate = (value) => value * -1;
亲自试一试 »

TypeScript 练习

通过练习测试一下

练习:

创建一个返回字符串 "Learning is Fun!" 的函数,并显式定义返回类型:

 myFunc():  {
   "Learning is Fun!";
}

开始练习