数组解构

  1. let [foo, [[bar], baz]] = [1, [[2], 3]];
  2. foo // 1
  3. bar // 2
  4. baz // 3
  6. let [ , , third] = ["foo", "bar", "baz"];
  7. third // "baz"
  9. let [x, , y] = [1, 2, 3];
  10. x // 1
  11. y // 3
  13. let [head, ...tail] = [1, 2, 3, 4];
  14. head // 1
  15. tail // [2, 3, 4]
  17. let [x, y, ...z] = ['a'];
  18. x // "a"
  19. y // undefined
  20. z // []

对象解构

  1. // 例一
  2. let { bar, foo } = { foo: 'aaa', bar: 'bbb' };
  3. foo // "aaa"
  4. bar // "bbb"
  6. // 例二
  7. let { log, sin, cos } = Math;

值类型的解构

  • 字符串解构赋值
    • 字符串被转换成了一个类似数组的对象 ```javascript // 案例一 const [a, b, c, d, e] = ‘hello’; a // “h” b // “e” c // “l” d // “l” e // “o”

// 案例二 let {length : len} = ‘hello’; len // 5

  2. - 数值和布尔值的解构赋值
  3.    - 数值和布尔值，则会先转为对象
  4. ```javascript
  5. let {toString: s} = 123;
  6. // new Number()的实例对象中，有toString方法，将它赋给s
  7. s === Number.prototype.toString // true
  9. let {toString: s} = true;
  10. s === Boolean.prototype.toString // true