TypeScript 中的函数类型
TypeScript 是一种为 JavaScript 添加了强类型支持的开发语言。函数类型是其中的一个强大特性，它能够帮助我们在编写代码的过程中提高类型安全性。
函数类型是指函数的签名，包括参数类型、返回值类型和函数名。TypeScript 中的函数类型可以用于定义函数类型的变量、函数参数类型、返回值类型和函数表达式。
函数类型变量
定义函数类型变量的语法如下：
let add: (a: number, b: number) => number;
这样，我们便定义了一个名为 add 的变量，其类型为 (a: number, b: number) => number。它表示一个有两个数字类型参数，返回值为数字类型的函数类型。
在使用这个变量时，我们需要为它赋值一个函数：
add = function(a: number, b: number): number {
return a + b;
}或者使用箭头函数简化：
add = (a: number, b: number): number => a + b;
这样我们就可以使用这个变量来调用函数了：
const result = add(1, 2); console.log(result); // 输出 3
函数参数类型
在函数声明时，我们可以使用函数类型作为参数的类型，以保证函数调用时传入的参数与预期的类型相同：
function greet(name: string, callback: (message: string) => void) {
const message = `Hello, ${name}!`;
callback(message);
}
greet('TypeScript', function(message: string) {
console.log(message);
});函数 greet 的第二个参数 callback 的类型为 (message: string) => void，它表示一个接收一个字符串类型参数，没有返回值的函数类型。在调用 greet 时，我们需要传入这样一个函数。
函数返回值类型
在 TypeScript 中，函数返回值类型可以被推断出来，但为了保证代码的可读性和清晰性，我们仍然可以显式地指定函数返回值类型：
function add(a: number, b: number): number {
return a + b;
}这样要是我们在返回值类型上犯了错误，TypeScript 会给我们提示。
函数表达式
我们可以通过函数表达式定义一个函数，函数类型会根据函数表达式自动推断出来：
const add: (a: number, b: number) => number = function(a, b) {
return a + b;
}在这个例子中，我们没有显式地编写函数类型，而是使用赋值运算符将函数表达式赋值给了 add 变量，TypeScript 会自动推断出函数类型。
总结
TypeScript 中的函数类型是强大而灵活的，它能够帮助我们提高代码的可读性和可维护性。在使用函数类型时，我们需要注意严格遵守函数类型的声明方式，以保证代码功能的正确性并提高代码的可读性。
示例代码
-- -------------------- ---- ------- --- ---- --- ------- -- ------- -- ------- --- - ----------- ------- -- -------- ------ - ------ - - -- - ----- ------ - ------ --- -------------------- -- -- - -------- ----------- ------- --------- --------- ------- -- ----- - ----- ------- - ------- ---------- ------------------ - ------------------- ----------------- ------- - --------------------- --- -------- ------ ------- -- -------- ------ - ------ - - -- - ----- ---- --- ------- -- ------- -- ------ - ----------- -- - ------ - - -- -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6468368d968c7c53b08669d2