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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!