ES6声明变量类型、数组的解构、对象的解构

ES6声明变量类型、数组的解构、对象的解构

let与块级作用域 es2015之前只有两种作用域 全局和函数 新增块级作用域 花括号所包起来的范围
//以前块没有单独作用域
let声明的变量 只能在块级作用域内被访问
const只读恒量 一旦声明 不能修改指向的内存地址
不用var 主用const 配合let（声明变量有修改需求的时候）

解构基本原则如下：
数组的元素是按次序排列的，变量的取值由它的位置决定；
对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

//数组解构
const namess = ['Henry','Bucky','Emily'];
// 解构
const [name1,name2,name3] = namess ;
console.log(name1,name2,name3)//Henry Bucky Emily

//提取指定位置变量
const arr=[1,2,3];
const [, ,baz]=arr;//提取第三个变量 //3

//返回数组个数
const {length} = namess;
//如果接收的方式是数组方式,写多少个返回多少 个,如果是对象的方式,会把数组里的 个数返回来
console.log(length)//3




// 结合展开运算符
const [name4,...set] = namess;
console.log(name4)//Henry
console.log(set)//[ 'Bucky', 'Emily' ]
console.log(name,set)//henry [ 'Bucky', 'Emily' ]

const arr=[1,2,3]
//提取变量大于数组长度 会返回undefined  可以对超出长度进行赋值
const [foo,bar,baz=123,more=456]=arr;
console.log(baz,more) //3，456

const obj={name:'abc',age:18}
const {name}=obj;
console.log(name) //abc

const name='tom'
const {name:objName}=obj;//避免冲突
console.log(objName)//abc

const {name:objName='jack'}=obj;//赋值
console.log(objName)//jack