12、TypeScript 基础与高级特性全解析

TypeScript 基础与高级特性全解析

1. 解构赋值

在 TypeScript 里，解构赋值有两种形式：对象解构和数组解构。

1.1 对象解构

先看一个对象示例：

const person = {
    firstName : "Billy", lastName : "Joel", age : 70
};

若要从该对象获取值，常规做法如下：

const firstName = person.firstName;
const lastName = person.lastName;
const age = person.age;

不过这样写很繁琐。使用解构赋值则能更简洁地获取数据：

const { firstName, lastName, age } = person;

此时，会有三个独立变量 firstName 、 lastName 和 age ，其值取自 person 对象。TypeScript（实际上是 JavaScript）依据变量周围的花括号，知晓要从对象中提取的属性名并完成操作。

1.2 数组解构

数组也能以同样方式解构：