解构赋值

Question

之前对象解构复制哦({a,b}={a:1,b:2})

而后面降到用处的时候：

let {title:esTitle,test:[{title:cnTitle}]}=metaData这里对象的key后面给了变量，请问这个变量是不是就是存放value的，直接访问key不是也可以拿到value吗，这里为什么要放esTitle和cnTitle

Answer 1

Cassie_MC 2018-04-04 16:46:48

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

let { bar, foo } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"
let { baz } = { foo: "aaa", bar: "bbb" };
baz // undefined

上面代码的第一个例子，等号左边的两个变量的次序，与等号右边两个同名属性的次序不一致，但是对取值完全没有影响。第二个例子的变量没有对应的同名属性，导致取不到值，最后等于undefined。

如果变量名与属性名不一致，必须写成下面这样。

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"
let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
f // 'hello'
l // 'world'

对象的解构赋值是下面形式的简写：

let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };

也就是说，对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。

let { foo: baz } = { foo: "aaa", bar: "bbb" };
baz // "aaa"
foo // error: foo is not defined

上面代码中，foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

引自：http://es6.ruanyifeng.com/#docs/destructuring

• 墨绿青苔 #1

  茅塞顿开

Answer 2

快乐动起来呀 2017-08-07 00:03:19

这个let后面的title和test是模式不是变量，不知道是否能理解？

• 提问者 Elmer_ #1

  那为什么a和b后面不放变量呢

• 五栋一哥 #2

  老师，还是不太理解。。

• 快乐动起来呀 回复 五栋一哥 #3

  举个例子，var { foo: baz } = { foo: 'aaa', bar: 'bbb' };，foo是模式用来从赋值里面找哪个属性，也可以理解为是key，baz才是读取出来的值，所以baz才是变量，这样能理解吗

点开查看后面3条评论