- ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构
var arr = [1, 3, 5];
//会依次将数组中的内容赋值给等号左边[]中的变量
let [a, b, c] = arr;
//a = 1,b = 3,c = 5
var arr = [1, 3, 5];
let [a,b,c,d] = arr;
// d = undefined
- 如果变量右边不是数组和对象(不具备Iterator接口) 会报错
解构的默认值
- 解构时可以给变量指定默认值
- ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。
- 默认值可以是其他变量, 但必须其他变量已经定义
let [foo = true] = [];
foo // true
let [x, y = 'b'] = ['a']; // x='a', y='b'
let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'
解构对象
- 变量名与属性一样的解构, 会将对象中和属性名称和解构中变量名称一致的赋值给解构的变量
let obj = {
name: "xxz",
age: 13
};
let {name, age} = obj;
name //"xxz"
age //13
let obj = {
name: "xxz",
age: 13
};
let {name : name2, age3 : age} = obj;
name2 //"xxz"
age3 //13
- 和数组解构类似, 也可以指定默认值
- 数值和bool值解构会先转换成对象
let {toString: s} = 123;
s === Number.prototype.toString // true
let {toString: s} = true;
s === Boolean.prototype.toString // true
解构作为函数参数
let obj = {
name: "lnj",
age: 13
};
// 大大的提升了开发效率, 简化了代码
function say({name, age}) {
console.log(name, age);
}
say(obj);
函数的默认值
- 应用场景:
- 某一个函数的某些参数永远都是一些固定的值,
- 获取用于都是通过其它函数获得的, 那么就可以使用默认参数
function Car(id) {
this.id = id;
}
function createCar(id = getRandom()) {
return new Car(id);
}
function getRandom() {
return Math.random() * 10000;
}
// var c1 = createCar(getRandom());
var c1 = createCar();
console.log(c1);
