TypeScript 是一种静态类型检查的编程语言，它可以帮助开发者在编写代码的同时避免一些常见的类型错误。在 TypeScript 中，我们可以使用类型注解来明确变量、函数的类型，从而让编译器能够更好地理解我们的代码。本文将介绍如何在函数中明确返回类型，以便让 TypeScript 能够更好地进行类型推导。
为什么需要明确函数返回类型？
在 TypeScript 中，函数的返回类型通常是由函数体中的代码推导出来的。例如：
function add(a: number, b: number) {
return a + b;
}在上面的代码中，TypeScript 可以根据 a 和 b 的类型推导出 add 函数的返回类型也应该是 number。但是，有些情况下，TypeScript 无法推导出函数的返回类型，例如：
function fetchData() {
return fetch('/api/data').then(response => response.json());
}在上面的代码中，fetchData 函数返回的是一个 Promise 对象，但是 TypeScript 并不知道该 Promise 对象的类型是什么。如果我们在代码中使用了 fetchData 函数，可能会出现以下错误：
Property 'then' does not exist on type 'unknown'.
这是因为 TypeScript 不知道 fetchData 函数返回的是一个 Promise 对象，因此无法调用 Promise 对象上的 then 方法。
为了解决这个问题，我们需要明确函数的返回类型，告诉 TypeScript 该函数返回的是一个 Promise 对象，例如：
function fetchData(): Promise<any> {
return fetch('/api/data').then(response => response.json());
}在上面的代码中，我们使用了 Promise<any> 来明确函数的返回类型，告诉 TypeScript 该函数返回的是一个 Promise 对象，并且 Promise 对象中的值的类型是任意的。
如何明确函数返回类型？
在 TypeScript 中，我们可以使用 : returnType 语法来明确函数的返回类型，例如：
function add(a: number, b: number): number {
return a + b;
}在上面的代码中，我们使用 : number 来明确函数的返回类型，告诉 TypeScript 该函数返回的是一个 number 类型的值。
如果函数返回的是一个 Promise 对象，我们可以使用 Promise<returnType> 的语法来明确返回类型，例如：
function fetchData(): Promise<any> {
return fetch('/api/data').then(response => response.json());
}在上面的代码中，我们使用 Promise<any> 来明确函数的返回类型，告诉 TypeScript 该函数返回的是一个 Promise 对象，并且 Promise 对象中的值的类型是任意的。
如果函数返回的是一个异步函数，我们可以使用 AsyncFunction<returnType> 的语法来明确返回类型，例如：
async function fetchData(): Promise<any> {
const response = await fetch('/api/data');
return response.json();
}在上面的代码中，我们使用 AsyncFunction<any> 来明确函数的返回类型，告诉 TypeScript 该函数返回的是一个异步函数，并且异步函数中的值的类型是任意的。
总结
在 TypeScript 中，明确函数的返回类型可以帮助编译器更好地理解我们的代码，并且避免一些常见的类型错误。我们可以使用 : returnType、Promise<returnType> 和 AsyncFunction<returnType> 来明确函数的返回类型，让 TypeScript 能够更好地进行类型推导。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6556717ad2f5e1655d0eacc0