TypeScript 第七节:函数

TypeScript 是一种强类型的编程语言,与 JavaScript 相比,它具有一些额外的功能,特别是在函数方面。

一、TypeScript 函数的常见功能:

1、定义函数类型 可以使用类型注释来定义参数和返回值的类型。

例如:

TypeScript 复制代码
function add(x: number, y: number): number {
  return x + y;
}

其中,xy 的类型都是数字,返回值的类型也是数字。

2、可选参数和默认参数 在 TypeScript 中,可以使用问号 (?) 将参数标记为可选参数,也可以使用 = 指定默认参数。

例如:

TypeScript 复制代码
function greet(name?: string, msg: string = "Hello") {
  if (name) {
    console.log(`${msg}, ${name}!`);
  } else {
    console.log(`${msg}!`);
  }
}

这个函数接受两个参数:一个可选的名字,以及一个默认的消息。如果提供了名字,它将使用它来打招呼,否则它将只说默认的消息。

3、剩余参数 可以使用 ... 来指明剩余的参数。

例如:

TypeScript 复制代码
function sum(...numbers: number[]) {
  return numbers.reduce((acc, val) => acc + val, 0);
}

这个函数接受任意数量的数字参数,并返回它们的总和。

4、函数重载 TypeScript 支持函数重载,即在一个函数名称下定义多个函数签名。

例如:

TypeScript 复制代码
function concat(x: string, y: string): string;
function concat(x: number, y: number): number;
function concat(x: any, y: any): any {
  return x + y;
}

这个函数可以接受两个字符串或两个数字,并返回它们的组合。如果传递的参数不是字符串或数字,则返回的类型将是 any

相关推荐
桂月二二4 小时前
探索前端开发中的 Web Vitals —— 提升用户体验的关键技术
前端·ux
hunter2062065 小时前
ubuntu向一个pc主机通过web发送数据,pc端通过工具直接查看收到的数据
linux·前端·ubuntu
qzhqbb5 小时前
web服务器 网站部署的架构
服务器·前端·架构
刻刻帝的海角5 小时前
CSS 颜色
前端·css
浪浪山小白兔7 小时前
HTML5 新表单属性详解
前端·html·html5
lee5767 小时前
npm run dev 时直接打开Chrome浏览器
前端·chrome·npm
2401_897579657 小时前
AI赋能Flutter开发:ScriptEcho助你高效构建跨端应用
前端·人工智能·flutter
limit for me7 小时前
react上增加错误边界 当存在错误时 不会显示白屏
前端·react.js·前端框架
浏览器爱好者7 小时前
如何构建一个简单的React应用?
前端·react.js·前端框架
qq_392794488 小时前
前端缓存策略:强缓存与协商缓存深度剖析
前端·缓存