ES6中变量结构赋值

数组形式结构赋值

let [a,b,c]=[1,2,3,4,5,6,7];
console.log(a,b,c+',数组形式结构赋值');

匹配剩余的值

let [l,m,...n]=[1,2,3,4,5,6,7];
console.log(l,m,n,'匹配剩余的值');

结构赋值默认值

var [name='marry',age]=[,18];
console.log(name,age,'结构赋值默认值');

变量形式的对象赋值，如果是需要把对象的属性值赋给变量，需要变量名和属性值一致

var {name,age}={name:'peter',age:18};
console.log(name,age,'变量形式的赋值');

对象形式的赋值,最终会把prod和pri当做变量,

var {price:pri,product:prod}={product:'华为',price:'1999'};
console.log(prod,pri,'对象形式的赋值,最终会把prod和pri当做变量,')

设置变量的默认值

let {f=2}={f:'20'};
console.log(f,'默认值');

对象方法赋值,注意左侧的变量名需要和右侧对象中的属性或者方法名一致，才会赋值成功；

var {floor,round}=Math;
var num=3.1415;
console.log(floor(num));

函数参数的结构赋值

function sum([x,y]){
    return x-y;
}
console.log(sum([5,4]),'函数参数的结构赋值');

函数参数设置默认值,当实参没有传入的时候，那么s1和s2就是默认的值

function nums(s1=20,s2=30){
    return s1-s2;
}
console.log(nums(50,10))