ES6学习之旅-Day2（全程参考坏丶毛病的文章）

变量的解构赋值

数组篇

es6允许按照一定的模式从对象或者数组中取值，然后对变量进行赋值，这被称为解构赋值

const server={
	ip:127.0.0.1,
	port:3000
}

//常规写法
const ip=server.ip;
const port=server.port;

//解构赋值写法
const {ip,port}=server;

//举几个例子
let [x, ,y]=[1,2,3]
console.log(x,y);//1,3

let [sex,age]=[1]
console.log(sex,age)// 1,undefined

let [q,[w],e]=[1,[2,3],4]
console.log(q,w,e)//1,2,4

//如果等号右边不是数组（或者严格来说不是可遍历的结构），就会报错
let [t]=1
let [t]=false
let [t]={}

//解构赋值允许指定默认值
//ES6内部严格使用相等运算符===判断一个位置是否有值，如果一个数组成员不严格等于undefined，默认值是不会生效的


let [x,y = 'b'] = ['a']
console.log(x,y)//a,b

let [m,n='b']=['a',undefined]
console.log(m,n)//a,b

let [k=1]=[null]
console.log(k)//null:因为null不严格等于undefined，所以默认值不会生效

//默认值可以引用解构赋值的其他变量，但是该变量必须已经声明
let [ee=1,ff=ee]=[1,2]
console.log(ee,ff)//1,2

let [gg=hh,hh=1]=[]
console.log(gg,hh)//报错：因为gg用到默认值hh时，hh还没有声明