TS — 函数的一些常见用法和特性

1.函数声明: TypeScript 中的函数可以通过函数声明或函数表达式进行定义

function add(x: number, y: number): number {
    return x + y;
}

2.函数表达式: 函数表达式允许你将函数赋值给变量,或将其作为参数传递给其他函数:

const multiply = function(x: number, y: number): number {
    return x * y;
};

3.箭头函数: TypeScript 还支持箭头函数的语法,它提供了更简洁的函数定义方式:

const subtract = (x: number, y: number): number => {
    return x - y;
};

4.可选参数和默认参数: TypeScript 支持函数参数的可选和默认值。可选参数通过在参数名后面加上 ? 来定义,而默认参数则可以在参数后面直接赋值:

function greet(name: string, message: string = 'Hello') {
    console.log(`${message}, ${name}!`);
}
greet('Alice'); // 输出:Hello, Alice!
greet('Bob', 'Hi'); // 输出:Hi, Bob!

5.剩余参数: TypeScript 中的剩余参数允许你将一个不确定数量的参数表示为一个数组。在参数前加上 ... 即可将其标记为剩余参数:

function sum(...numbers: number[]): number {
    return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // 输出:10

6.函数重载: TypeScript 支持函数重载,即可以为同一个函数提供多个函数类型定义。这样可以根据传入参数的不同,选择合适的函数类型进行调用:

复制代码
function reverse(x: string): string;
function reverse(x: number): number;
function reverse(x: string | number): string | number {
    if (typeof x === 'string') {
        return x.split('').reverse().join('');
    } else {
        return parseFloat(x.toString().split('').reverse().join(''));
    }
}
console.log(reverse('hello')); // 输出:olleh
console.log(reverse(12345)); // 输出:54321
复制代码

 

posted on   萬事順意  阅读(185)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示