变量的解构赋值
数组篇
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还没有声明