ES6对象与数组解构赋值理解

   /*
    * 变量的解构赋值：从数组或者对象中提取数据，赋值给变量（多个）
    * 对象的解构赋值：
    * let { userName, age } = { userName:'123', age:18 }
    * 相当于重新定义了两个变量来接受等号右边的参数，只不过变量名要与对象的KEY一一对应
    * 数组的解构赋值：
    * let [ a, b ] = [ 1, 2 ]
    * 相当于重新定义了两个变量来接受等号右边的参数，定义的变量以下标为基础，对应右边数组内的元素
    * */

    // 对象的解构赋值
    let obj = { userName:'kobe', age:38 }
    let { userName, age } = obj
    console.log(userName, age) //'kobe' 38
    //函数传参也可以用到解构赋值
    function fn({ userName, age }) { // { userName, age } = obj
      console.log(userName, age) //'kobe' 38
    }
    fn(obj)

    // 数组的解构赋值

    let arr = [ 1, 2, 3, 'kobe', true ]
   /* let [ a, b, c, d, e ] = arr
    console.log(a, b, c, d, e) // 1, 2, 3, 'kobe', true */
    /*let [ a, b, c ] = arr
    console.log(a, b, c) // 1, 2, 3*/
    let [ ,,,a, b, ] = arr
    console.log(a, b) //'kobe', true