es6中对象解构赋值:
代码
javascript
let { foo: baz } = { foo: 'rose', bar: 'jeck' };
baz // "rose"
let obj = { first: 'tom', last: 'rose' };
let { first: f, last: l } = obj;
f // 'tom'
l // 'rose'
let { foo: baz } = { foo: 'rose', bar: 'jeck' }
中的foo:baz部分,foo是匹配对象中属性名称foo,baz则是需要被赋值的变量。
对象赋值还可以用于嵌套的对象赋值:
代码:
javascript
let obj = {
p: [
'rose',
{ y: 'jeck' }
]
};
let { p: [x, { y }] } = obj;
x // "rose"
y // "jeck"
let { p: [x, { y }] }
中的p属于匹配对象中p属性,需要被赋值的变量为x、y。
下面给出另外一个模式匹配赋值,嵌套类型的。
javascript
let obj = {
p: [
'rose',
{ y: 'jeck' }
]
};
let { p, p: [x, { y }] } = obj;
x // "roes"
y // "jeck"
p // ["rose", {y: "jeck"}]
let { p, p: [x, { y }] } = obj
中的第一个p其实是p:p
的简写,p: [x, { y }]
中的p是模式,匹配对象中属性p,然后将数组内的第一个值赋值给x,第二个值的y属性赋值给y,y也是y:y
的简写。详细写法是:let { p:p, p: [x, { y:y }] } = obj
。