javascript - 説得力のある ECMAScript 6 のユースケースの分解

Question

ECMAScript 6 に破壊が導入されたのはなぜですか?

Answer 1

些細な例:

var {forEach} = Array.prototype;
forEach.call(document.querySelector(...

引数の分解は楽しいです:

function ({opt1 = true, opt2 = false, opt3} = {}) { ...

Answer 2

ここに別のものがあります:タプルMap#entriesのイテレータを返します。(key, value)それらを繰り返し処理する最も洗練された方法は、分割を使用することです。

for (var [key, value] of map.entries()) {
    // ...
}

Answer 3

を使用する理由がわかりません[x, y] = [y, x]。

追加の変数を使用して 2 つの値を交換するのは面倒であり、値渡し関数呼び出しを使用する JS では関数を記述できません swap。

ECMAScript 6 の分解機能の最も説得力のある使用例は?

私が考えることができるのは、これは主に次の目的で使用されることです

• 複数の関数の戻り値

  function rgb2hsv(r, g, b) {
       …
       return {h, s, v};
  }
  …
  var {h, s, v} = rgb2hsv(…);
  

  Promise.spawn(function* () {
      …
      var [a, b] = yield [async1(), async2()];
      …
  })
  

• モジュールのインポート、例えば次のようなもの

  var {abs, trunc, round} = require('Math')