TypeScript 函数

TypeScript 有一个特定的语法用于输入函数参数和返回值。

想学习更多有关 JS 函数的知识，请点击 这里。

返回类型

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

// 此处的 '：number' 指定此函数返回一个数字
function getTime(): number {
  return new Date().getTime();
}
console.log(getTime());

Void 返回类型

类型 void 可用于指示函数不返回任何值。

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

参数

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

function multiply(a: number, b: number) {
  return a * b;
}
console.log(multiply(2,5))

可选参数

默认情况下，TypeScript 将假定所有参数都是必填的，但它们可以使用显式标记设置为可选。

// '?' 运算符表示参数 `c` 是可选参数
function add(a: number, b: number, c?: number) {
  return a + b + (c || 0);
}
console.log(add(2,5))

默认参数

对于具有默认值的参数，默认值位于类型声明之后:

function pow(value: number, exponent: number = 10) {
  return value ** exponent;
}
console.log(pow(10));

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

命名参数

命名参数与普通参数的声明模式相同。

function divide({ dividend, divisor }: { dividend: number, divisor: number }) {
  return dividend / divisor;
}
console.log(divide({dividend: 10, divisor: 2}));

Rest 参数

Rest 参数可以像普通参数一样进行类型化，但类型必须是数组，因为 Rest 参数始终是数组。

function add(a: number, b: number, ...rest: number[]) {
  return a + b + rest.reduce((p, c) => p + c, 0);
}
console.log(add(10,10,10,10,10));

类型别名

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

这些类型的编写方式与箭头函数类似，请在 此处 阅读有关箭头函数的更多信息。

type Negate = (value: number) => number;
// 在这个函数中，参数 'value' 会自动从 'Negate' 类型中获得 'number' 类型
const negateFunction: Negate = (value) => value * -1;
console.log(negateFunction(10));