什么网站做护工,黑龙江恒泰建设集团网站,网页制作与开发教程,手机 网站 导航菜单 代码在 TypeScript 中#xff0c;函数是一等公民#xff0c;这意味着函数可以作为参数传递、作为其他函数的返回值#xff0c;甚至可以赋值给变量。TypeScript 为 JavaScript 的函数增加了类型系统#xff0c;使得函数的参数和返回值都具有明确的类型。 TS快速入门-函数
基本函… 在 TypeScript 中函数是一等公民这意味着函数可以作为参数传递、作为其他函数的返回值甚至可以赋值给变量。TypeScript 为 JavaScript 的函数增加了类型系统使得函数的参数和返回值都具有明确的类型。 TS快速入门-函数
基本函数类型注解
在 TypeScript 中你可以为函数的参数和返回值指定类型
// 指定参数类型和返回类型
function add(x: number, y: number): number {return x y;
}let result add(10, 20); // result 被推断为 number 类型函数类型别名
你可以为函数定义类型别名这在处理复杂的回调函数时非常有用
// 函数类型别名
type StringProcessor (input: string) string;// 使用类型别名
function toUpperCase(str: string): string {return str.toUpperCase();
}let myStringProcessor: StringProcessor toUpperCase;可选参数和默认值
TypeScript 允许你定义可选参数和带有默认值的参数
function greet(name: string, message: string Hello): string {return ${message}, ${name}!;
}console.log(greet(TypeScript)); // 使用默认消息
console.log(greet(TypeScript, Hi)); // 使用指定消息剩余参数
当函数接受不确定数量的参数时可以使用剩余参数语法
function sum(...numbers: number[]): number {return numbers.reduce((acc, curr) acc curr, 0);
}console.log(sum(1, 2, 3, 4)); // 输出 10箭头函数
TypeScript 支持 ES6 的箭头函数语法并且可以很好地与类型系统结合
let addWithArrow (x: number, y: number): number x y;泛型函数
泛型允许你编写可在多种类型上工作的函数而不需要对函数进行多次重写
function identityT(arg: T): T {return arg;
}let outputString: string identitystring(myString);
let outputNumber: number identity(123);示例代码
以下是一个使用 TypeScript 编写的简单鸿蒙应用示例演示了函数的基本用法
// 函数类型别名示例
type StringTransformer (input: string) string;// 定义一个转换字符串的函数
function reverseString(input: string): string {return input.split().reverse().join();
}// 使用函数类型别名
let reverse: StringTransformer reverseString;// 可选参数示例
function getGreeting(name: string, message: string Hello): string {return ${message}, ${name}!;
}// 剩余参数示例
function calculateTotal(...numbers: number[]): number {return numbers.reduce((total, num) total num, 0);
}// 箭头函数和泛型函数示例
let processAndLog T(value: T, processor: (input: T) T): void {let result processor(value);console.log(Processed value: ${result});
};// 使用示例
let greeting getGreeting(TypeScript); // 使用默认消息
let total calculateTotal(1, 2, 3, 4, 5); // 计算总和// 泛型函数的使用
processAndLog(TypeScript, reverse); // 将字符串反转并记录console.log(greeting); // 输出 Hello, TypeScript!
console.log(total); // 输出 15TypeScript 中函数的多种用法包括类型注解、函数类型别名、可选参数、剩余参数、箭头函数和泛型函数。这些特性使得 TypeScript 成为开发大型应用程序时的一个强大工具因为它提供了更好的类型检查和代码可维护性。
