ES6-变量的结构赋值

比如有一个对象obj={name:'tom',age:11};,当我们需要将这个对象的name和age赋值给另外的变量时候,es5中是var name = obj.name;var age =obj.age;,在es6中针对这种将对象的属性(或者数组的值)赋值给外面的变量的需求,提供了一种更加简便的方式:

    //1 变量的解构赋值
    let obj = {name:'tom',age:11};
    //这种对象的结构赋值要求定义的变量名必须和对象的属性名一致,在这里必须是变量名必须是name和age
    //也可以只取对象中的部分属性赋值为变量,如let{age} = obj;
    let {name,age} = obj;//相当于var name = obj.name;var age = obj.age;
    console.log(name+age);

    //2 数组的解构赋值
    let arr =[1,2,'test',true];
    //数组的结构赋值变量可以随意命名,但是下标与数组中下标位置对应
    //也可以只取数组中部分值赋值给变量,如let[,,a]=arr;等价于var a = arr[2];
    let [a,b,c,d]=arr;//相当于var a = arr[0];var b = arr[2];'...
    console.log(a);
    console.log(b);
    console.log(c);
    console.log(d);

    //3 变量的结构赋值在传参时的使用
    //以前的方式
    let obj1 = {name:'jack',age:15};
    function fun(name,age){
        console.log(name +age);
    }
    fun(obj1.name,obj1.age);
    //利用变量的结构赋值
    function fun1({name,age}){
        console.log(name +age);
    }
    fun1(obj1);
原文地址:https://www.cnblogs.com/maycpou/p/12330530.html