ES6的解构赋值

按照一定的规则从数组或对象中取值，并赋值给相应的变量

注意事项：

• 解构赋值等号右侧必须存在

• 等号右侧不是数组或者对象时，会先转换成对象，再继续操作。如果是 null、 undefined则抛出错误

  1、默认值

  • 可以设置默认值，默认值只有在数组或对象的指定成员 严格等于undefined时，才可以生效。
  • 默认值可以是表达式，且表达式是惰性求值的，只有在用的时候，才会求值。
  • 默认值也可以是已经声明的变量。

  2、对象的解构赋值

  • 对象的解构赋值是无序的，也可以为变量指定要匹配的模式

    let {a:b,c} ={a:1,c:2}
    console.log(b) //1
    console.log(c) //2
    

  3、数组的解构赋值

  • 数组的解构赋值有有序的，若等号的右侧为不可遍历的解构，则会报错。
  • 只使用数组中某几个值声明变量

    let[,,a]=[1,2,3]
    

  4、函数的解构赋值

  • 对于函数的参数，如果某参数使用了解构赋值且未指定默认值，则该参数为必填项目

  5、圆括号

  • 对于一个已经声明的变量，做 对象的解构赋值操作时，应该用圆括号包起来，以防止错误解析，如：

    {a,b}={a:1,b:2}
    

  • ES6规定，只能在非模式的部分，使用圆括弧。

    注意：以下几种情况均不可使用圆括弧：

    1. 声明变量
    2. 函数参数
    3. 赋值语句中的模式部分

  6、Rest 不定元素…

  • 解构赋值中，如果使用了不定元素，则必须放在最后一个条目，否则会抛出语法异常

     // 常规用法
    let [, ...otherbooks] = [ 'books' , 'book1' , 'book2', 'book3']
    console.log(otherbooks)
     
    // ['book1', 'book2', 'book3']
    
    let [, ...otherbooks, lastbook] = [ 'books' , 'book1', 'book2', 'book3']
    console.log(otherbooks, lastbook)
     
    // SyntaxError: Rest element must be last element
    
    
    // 复合使用
    let {name, list:[ type, ...books]} = {name: 'ming', list:['books','book1','book2']}
    console.log(name, type, books)
     
    // ming books [book1, book2]