ReturnType FunctionName(FormalParameterList) { 语句 ;返回返回值； } - TypeScript

ReturnType FunctionName(FormalParameterList) 是 TypeScript 中定义函数的一种方式，它可以让我们明确函数的返回类型，并在编译时进行类型检查。本文将深入介绍这种方式的语法和用法。

基本语法

在 TypeScript 中，我们可以通过以下方式定义一个函数：

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

这个函数的返回类型是 number，表示它会返回一个数字。如果我们将这个函数的返回值改成一个字符串，TypeScript 就会进行类型错误提示。

而如果我们使用 ReturnType，可以在函数定义时明确指定返回类型。例如：

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

type AddReturnType = ReturnType<typeof add>;

在这个例子中，AddReturnType 的类型就是 number。这种方式可以避免在函数返回一个不同类型的值时出现类型错误。

案例演示

以下是一个使用 ReturnType 的例子：

function myFunction(a: string, b: number, c: boolean) {
  return [];
}

// 获取 myFunction 的返回类型
type MyFunctionReturnType = ReturnType<typeof myFunction>;

// 输出 MyFunctionReturnType 的类型
const test: MyFunctionReturnType = ["hello", 123, true]; // 报错

此时应该会出现 TS2322: Type 'boolean[]' is not assignable to type '[string, number, boolean]'

因为我们定义了 myFunction 的返回类型是一个空数组，所以 MyFunctionReturnType 的类型是 any[]。而在最后一行代码中，我们试图将 MyFunctionReturnType 的值赋给一个包含三个元素的数组，导致类型错误。

小结

ReturnType FunctionName(FormalParameterList) 是 TypeScript 中定义函数的一种方式，它可以让我们明确函数的返回类型，并在编译时进行类型检查。使用 ReturnType，可以避免在函数返回一个不同类型的值时出现类型错误。