对象解构赋值

先赋值看看:

< script>
let {abc:test1,def:test2} ={abc: "first",def: "second"}
console. log(test1)
console. log(test2)
</ script>


简化写法:

< script>
let {abc,def} ={abc: "first",def: "second"}
console. log(abc)
console. log(def)
</ script>



在对象解构赋值中,顺序是没有影响的,我们修改上面的内容:

< script>
let {def,abc} ={abc: "first",def: "second"}
console. log(abc)
console. log(def)
</ script>


两次返回的结果都是相同的,没有区别;


在数组解构中我们有一种情况是:左边变量的数目大于右边值的数目,那么没有解构成功的会返回undefined;

在对象结构中也是一样的:没有找到对应的值的对象属性会返回undefined;

< script>
let {sos,def} ={abc: "first",def: "second"}
console. log(sos)
console. log(def)
</ script>


对象的解构赋值也是可以设置默认值的,和数组类似;

猜你喜欢

转载自blog.csdn.net/cvper/article/details/80296640
今日推荐