前端 TypeScript 面试题, TypeScript 的内置工具类型 ReturnType 有什么作用?

Step 1

Q:: TypeScript 的内置工具类型 ReturnType 有什么作用？

A:: ReturnType 是 TypeScript 提供的一个内置工具类型，用于获取函数类型的返回值类型。它通过对传入的函数类型进行类型推断，返回该函数的返回值类型。例如，如果一个函数的类型为 () => number，则 ReturnType<typeof func> 的结果类型为 number。

Step 2

Q:: 如何使用 TypeScript 的内置工具类型 ReturnType？

A:: 你可以通过传递一个函数类型给 ReturnType 来获取该函数的返回值类型。例如：type MyReturnType = ReturnType<() => string>; 在这个例子中，MyReturnType 将被推断为 string 类型。

Step 3

Q:: ReturnType 与 infer 关键字有什么关系？

A:: ReturnType 的实现实际上依赖于 TypeScript 的 infer 关键字。infer 关键字用于在条件类型中推断类型变量。ReturnType 通过 infer 关键字来推断函数的返回值类型，然后将其返回。

Step 4

Q:: ReturnType 可以获取类方法的返回值类型吗？

A:: 是的，ReturnType 可以用于获取类方法的返回值类型。你只需要将类方法作为参数传递给 ReturnType。例如：ReturnType<typeof MyClass.prototype.myMethod> 将返回 myMethod 方法的返回值类型。

Step 5

Q:: ReturnType 在实际项目中有哪些使用场景？

A:: ReturnType 通常用于动态地推断函数返回值的类型，特别是在需要重用类型或者在大型代码库中维护类型一致性时非常有用。它可以帮助减少重复代码，提高代码的可维护性。