TypeScript 函数
在 TypeScript 中,函数的定义和使用与 JavaScript 非常类似,但 TypeScript 提供了额外的类型系统支持,可以帮助开发者更好地定义函数参数和返回类型,以增强代码的可读性和可维护性。
函数定义
在 TypeScript 中,可以使用以下语法定义函数:
function 函数名称(参数:类型,...):返回值类型{
// 函数体
}函数定义举例:
// 无参数和无返回值的函数
function sayHello(): void {
console.log('Hello, TypeScript!');
}
// 带参数和返回值的函数
function add(a: number, b: number): number {
return a + b;
}
// 函数表达式
const multiply = function(x: number, y: number): number {
return x * y;
};
// 箭头函数
const divide = (x: number, y: number): number => {
return x / y;
};可选参数和默认参数
使用 ? 指定参数为可选的。
// 可选参数
function sayHello(name: string, message?: string): void {
if (message) {
console.log(`hello,${name},${message}`);
} else {
console.log(`hello,${name}`);
}
}
sayHello('Jerry'); // 输出: "hello,Jerry"
sayHello('Jerry', 'nice to meet you!'); // 输出: "hello,Jerry, nice to meet you!"
// 默认参数
function sayHi(name: string, message: string = 'good morning!'): void {
console.log(`hello,${name},${message}`);
}
sayHi('Jerry'); // 输出: "hello,Jerry,good morning!"
sayHi('Jerry', 'good afternoon!'); // 输出: "hello,Jerry,good afternoon!"剩余参数(Rest Parameters)
function sum(...values:number[]):number {
let result = 0
for (let val of values) {
result += val
}
return result
}
console.log(sum()); //输出 0
console.log(sum(1,2)); //输出 3
console.log(sum(1,2,3)); //输出 6
console.log(sum(1,2,3,4)); //输出 10
console.log(sum(1,2,3,4,5)); //输出 15
console.log(sum(1,2,3,4,5,6)); //输出 21TypeScript 的函数特性提供了强大的类型安全和编码灵活性,有助于编写更清晰、更健壮的代码。