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 对象。

1.2 数组解构

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

const vals = [ "Billy", "Joel"