为了完全理解解构是什么,首先学习更广泛的上下文知识。 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'