typescript 三个点的用法
script在html中的用法 Typescript中的三个点是一个重要的语法特性,也称为剩余参数或展开操作。它可以在函数或数组中使用,具有以下几种用法。
1. 剩余参数
在函数参数中,三个点可以用来表示剩余参数,即传入的参数个数不确定,可以多于或少于指定的参数个数。剩余参数会被转换成一个数组,可以在函数体内进行处理。
```
function sum(first: number, ...rest: number[]) {
let result = first;
for(let i = 0; i < rest.length; i++) {
result += rest[i];
}
return result;
}
console.log(sum(1, 2, 3, 4)); // 10
console.log(sum(1)); // 1
```
2. 展开操作
三个点可以在数组或对象字面量中使用,用来展开数组或对象中的元素,简化代码的编写。
```
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]
const obj1 = {na 'Tom', age: 18};
const obj2 = {gender: 'male', ...obj1};
console.log(obj2); // {na 'Tom', age: 18, gender: 'male'}
```
3. 用于元组类型
在元组类型中,三个点可以用来表示“剩余部分”,这意味着元组的类型可以包含一个固定的部分和一个不固定的部分。
```
let tuple: [string, number, ...boolean[]] = ['hello', 123, true, false];
console.log(tuple); // ['hello', 123, true, false]
```
总结
三个点在 Typescript 中是一个非常有用的语法特性,它可以用于函数、数组、对象和元组类型中,用来表示剩余参数、展开操作和“剩余部分”。掌握这个特性后,可以帮助我们更加方便地编写代码。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论