TypeScript 函数

category: JavaScript

TypeScript 对函数参数和返回值的类型有特定的语法。

返回类型

函数返回值的类型可以明确定义。

例子

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

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

Void 返回类型

该类型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;