es6 语法

1. 赋值

// 一一对应
let [a, b, c] = [10, 20, 30]
console.log(a) // 10
console.log(b) //20
console.log(c) //30

// 左右不相等
let [a, b] = [10, 20, 30]
console.log(a) //10
console.log(b) //20

let [,,c] = [10, 20, 30]
console.log(c) //30

let [a, b, c] = [10, 20]
console.log(a) // 10
console.log(b) //20
console.log(c) //underfined

let [a, ...arr] = [10, 20, 30]
console.log(a) // 10
console.log(arr) //[20, 30]

2. 交换变量

let a = 10
let b = 20
// let [a, b] = [10, 20]
[a, b] = [b, a]
console.log(b) // 10
console.log(a) //20

3. 对象解构

const person = {
	name: '王五',
	age: 30,
	family: {
		father: '张三',
		mather: '李四'
	}
}

const {name , age ,family:{father, mether}} = person
console.log(name , father)  // 王五, 张三

// 自定义名字
const obj = {
	name: 'jack',
	age: 20
}
const {name:myname, age:myage} = obj
console.log(myname, myage)  // jack, 20

// 默认值
const obj = {name: 'jack', age: 20}
const {name, age, height="173cm"} =obj
console.log(name, age, height)  //jack 20 173cm

// 函数解构 参数默认值
function fn({name='jack', age=10} ={}) { console.log(name, age) } 
let obj = {}
fn(obj)   'jack', 20