码迷,mamicode.com
首页 > 其他好文 > 详细

es6解构赋值的高级技巧

时间:2018-11-14 16:37:20      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:默认值   bsp   解构   注意   对象   bar   而且   style   es6   

1. 解构嵌套的对象,注意,这时p是模式,不是变量,因此不会被赋值。如果p也要作为变量赋值,可以写成下面这样。

let obj = {
  p: [
    ‘Hello‘,
    { y: ‘World‘ }
  ]
};

let { p, p: [x, { y }] } = obj;
x // "Hello"
y // "World"
p // ["Hello", {y: "World"}]

 

2. 解构我们需要的变量

let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

 

3. 解构指定默认值

var {x = 3} = {};
x // 3

 

4. 如果解构模式是嵌套的对象,而且子对象所在的父属性不存在,那么将会报错。

// 报错
let {foo: {bar}} = {baz: ‘baz‘};

 

es6解构赋值的高级技巧

标签:默认值   bsp   解构   注意   对象   bar   而且   style   es6   

原文地址:https://www.cnblogs.com/wuxianqiang/p/9958323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!