ES6 での構造化代入例の詳細な説明

今回は ES6 の構造化代入例について詳しく説明します。ES6 が非常に強力であることはわかっているので、この記事では詳細な分析を行います。

基本的な使い方

let [x, y, ...z] = ['a']
//"a", undefined, []

1. 等号の右側が配列でない場合、エラーが報告されます(トラバース可能な構造ではありません)
2. 代入変数を分割します。 Const コマンド宣言が適用可能です
3. セット構造は構造を解除して代入することもできます (Iterator インターフェースを使用し、配列構造の形式で代入できます)

セットの構造化: の単一の値のコレクション任意の型

let [x, y, z] = new Set(["a", "b", "c"])
x //"a"

デフォルト値

1. 配列 メンバーの値は厳密には未定義と等しくなく、デフォルト値は有効になりません (null の場合、対応する値は null のままです)

[x=1, y=2, z=3, o=4] = ['a', , undefined, null]
//"a", 2, 3, null、

2。デフォルト値は式で、式は遅延評価され、

3を実行するときにのみ使用されます。デフォルト値は構造体代入の他の変数を参照できますが、変数は

オブジェクトとして宣言されている必要があります。 構造体の代入

1. 配列は順番に配置され、オブジェクト変数は

プロパティ

var {bar, foo, baz: loc} = {foo: 'aaa', baz: 'bbb'}
bar //undefined
foo //"aaa"
loc //"bbb"
baz //ReferenceError: baz is not defined

と同じ名前を持つ必要があります。変数は以前に宣言されており、let代入を使用するとエラーになります

3. ネストされた構造に使用できるオブジェクト

var node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
}
var {loc:{start:{line}}} = node
line //1
loc //ReferenceError: loc is not defined
start //ReferenceError: start is not defined

line は変数、loc、start はすべてパターンです

上記の紹介を読んだ後はメソッドをマスターしたと思います、さらにエキサイティングな php 中国語の Web サイトに注目してください

その他の関連記事！

関連記事:

水平連続スクロール効果コード

JS エンジンは実行中にどのように見えるのですか?

JS の使用中にコンソール オブジェクトをカスタマイズする方法

以上がES6 での構造化代入例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。