typescript 展开运算符

在 TypeScript 中，展开运算符（spread operator）用三个点（...）表示，它可以将一个数组或对象展开为另一个数组或对象。展开运算符可以用于函数调用、数组、对象等多种场景。

1. 数组展开运算符

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]

2. 对象展开运算符

const obj1 = { name: 'Tom', age: 18 };
const obj2 = { gender: 'male', hobby: 'coding' };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { name: 'Tom', age: 18, gender: 'male', hobby: 'coding' }

3. 函数调用中的展开运算符

function addNumbers(a: number, b: number, c: number): number {
  return a + b + c;
}

const numbers = [1, 2, 3];
console.log(addNumbers(...numbers)); // 6

在函数调用中，通过展开运算符将数组中的元素作为函数的参数传递。这样就不用手动一个一个地传递参数了。

展开运算符在 TypeScript 中的应用非常广泛，可以用于很多场景。