Skip to content

Latest commit

 

History

History
39 lines (26 loc) · 874 Bytes

10.2.md

File metadata and controls

39 lines (26 loc) · 874 Bytes

10.2 背景:构造数据(对象和数组字面量)和解构数据

为了完全理解解构是什么,首先学习更广泛的上下文知识。 JavaScript 有构造数据的操作:

let obj = {};
obj.first = 'Jane';
obj.last = 'Doe';

也有获取数据的操作:

let f = obj.first;
let l = obj.last;

注意,我们使用了与构造数据时一样的语法。

有更漂亮的语法来构造数据 - 对象字面量:

let obj = { first: 'Jane', last: 'Doe' };

ECMAScript 6 中的解构使用了相同的语法来获取数据,这被称为一种对象模式:

let { first: f, last: l } = obj;

就像对象字面量让我们一次性创建多个属性一样,对象模式让我们一次性获取多个属性值。

也可以通过模式解构数组:

let [x, y] = ['a', 'b']; // x = 'a'; y = 'b'