es6解构赋值

es6解构赋值

es6解构赋值 

具体点 解析解构，然后自动赋值，简化程序员代码编写

下面举例:对象,方法,数组的解构赋值

一:对象结构赋值

   //对象解构赋值
    let obj = {username:'whq',pwd:'123'}

    //对象赋值写法
    //原始写法
    let username = obj.username;
    let pwd = obj.pwd;
    console.log(username);
    console.log(pwd);

    //解构赋值写法
    let {username , pwd}=obj;
    console.log(username);
    console.log(pwd);

二:方法结构赋值

  // 方法赋值写法
    //原始写法
    function fuc(o){
        console.log(o.username)
        console.log(o.pwd)
    }
    //解构赋值写法
    function fuc({username,pwd}){
        console.log(username)
        console.log(pwd)
    }
    // 调用方法
    fuc(obj)

三:数组解构赋值

 

// 数组解构赋值
    let arr = [1,2,3,4,5,6];
    let [a,b,c,d,e,f] =arr;
    console.log(a,b,c,d,e,f)