3、高级 TypeScript 特性深度解析

高级 TypeScript 特性深度解析

1. 使用 REST 属性解构对象

在构建对象时我们会用到扩展运算符，同时也可以使用 REST 属性来解构对象。解构就是将复杂的事物拆分成更简单的部分，具体来说，就是把数组中的元素或对象的属性赋值给单个变量。虽然我们一直都能将复杂的对象和数组拆分成简单类型，但 TypeScript 借助 REST 参数提供了一种简洁优雅的方式来实现这一操作，它可以同时解构对象和数组。

以下是一个对象解构的示例：

let guitar = { manufacturer: 'Ibanez', type : 'Jem 777', strings : 6 };
// 传统解构方式
const manufacturer = guitar.manufacturer;
const type = guitar.type;
const strings = guitar.strings;
// TypeScript 简洁解构方式
let {manufacturer, type, strings} = guitar;

在解构时，单个属性的名称必须与要解构的对象中的属性名称相匹配，这样语言才能知道哪个变量对应对象的哪个属性。如果需要更改属性名，可以使用如下语法：

let {manufacturer : maker, type, strings} = guitar;

对象上的 REST 运算符适用于处理可变数量的项。例如，我们可以将对象解构为