ES6解构赋值

概念:按照一定模式,从数组和对象提取,对变量进行赋值成为解构

本质:语法的一种匹配模式,如果等号两边模式相同,左边变量就会被赋予相应的值。

 //解构赋值
      let [a,b,c]=[1,2,3];
      console.log(a)//1

结合...扩展运算符配合使用:如果...在等号左边,那么就会把剩余的值合并成一个数组,这个操作符只能写在最后一个变量的位置。

ES6解构赋值_第1张图片

如果匹配中没有对应的值,那么它的值就是undefined

ES6解构赋值_第2张图片

如果等号左边少则只匹配相对应的部分

ES6解构赋值_第3张图片

默认赋值

var [foo=1]=[];
console.log(foo)//1

字符串解构赋值

ES6解构赋值_第4张图片

对象解构赋值,相对应的值一一对应

ES6解构赋值_第5张图片



你可能感兴趣的:(ECMAscript,ES6)