Typescript - function 函数（箭头函数 / 参数类型与返回类型 / 可选参数与默认参数 / 剩余参数 / 函数重载）通俗易懂详细示例教程

// 定义一个函数，接收两个参数，一个是字符串，另一个是可选数字，并返回一个字符串
function greet(message: string, times?: number): string {
    if (times === undefined) {
        return message;
    } else {
        let result = '';
        for (let i = 0; i < times; i++) {
            result += message;
        }
        return result;
    }
}
 
// 使用箭头函数重写上面的greeter函数
const greeter = (message: string, times?: number): string => {
    if (times === undefined) {
        return message;
    } else {
        return message.repeat(times);
    }
};
 
// 调用函数
console.log(greet('Hello, World!', 3)); // 输出: Hello, World!Hello, World!Hello, World!
console.log(greet('Hello, TypeScript!')); // 输出: Hello, TypeScript!

这个例子展示了如何在TypeScript中定义一个带有可选参数的函数，并使用箭头函数进行重构。代码简洁，易于理解，并展示了TypeScript类型注解的使用方法。