ES6の解体

1、ES6は、特定のパターンに従って、解体(Distructuring)と呼ばれ、配列オブジェクト、変数の割当て、から値を抽出せ;

せて[A、B、C] = [3,5,6]; // = 5、C = 6 bは、= 3に対応

本質的には、「パターンマッチング」限り、等号の両側に同じパターンで、このようなアプローチは、左の変数は、対応する値が与えられます。失敗したが解体した場合、変数の値は未定義に等しく、

別の状況は、等号、等号の右の部分を一致させるだけアレイのモデルは、左こと、解体の完全ことができません。この場合、解体はまだ成功することができます。

2、解体アレイ割り当て

完全な解体:

[A、B、C] = [6,7,8]ましょう。// A = 6、B = 7、C = 8

不完全な解体

せて[、[B]、C = [2、[4,6]、7]。// A = 2、B = 4、C = 7

解体のコレクション:

[ヘッド、...尾] = [1,3,4,5,6]みましょう。//ヘッド= 1、尾= [3,4,5,6]

(デフォルト値も関数であってもよい)、デフォルト値を設定します。

せ、[X、Y = 'B'] = [ '']。// X = A、Y = B

図3に示すように、オブジェクト解体割り当て

①オブジェクトのプロパティで解体変数名、値を取るために存在している必要があります。

聞かせて{名前、年齢} = {名:「zjl」、年齢:18} //名=「zjl」、年齢= 18注意:オブジェクトのプロパティ名に変数名を残しする必要があります

②name属性を持つ変数名が矛盾している場合は、書き込む必要があり、次のように名前を変更

てみましょう{名:ユーザ名、年齢} = {名: 'zjl'、年齢:18} //ユーザー名= 'zjl'、年齢= 18

③第2の既知の点によれば、分割代入は、以下のように略記します

オブジェクトの属性および属性値を省略することができる場合//等しい= {18名:「zjl」、年齢{}:名前、年齢年齢名}せ

④ネストされた解体

ましょう{P:[X、{Y}]} = {P:[ 'ハロー'、{Y '世界'}]} // X =こんにちは、Y =ワールド

⑤解体もデフォルトを設定することができますオブジェクト

ましょう{X:Y = 9} = {10} // Y = 9

4、解体列割当

①場合解体、文字列オブジェクトの同様の配列に変換されます。

CONST [A、B、C] = 'zjl' // A = 'Z'、B = 'J'、C = 'L'

解体の長さ属性文字列②

ましょう{長さ} = 'ハロー' //長さ= 5

5、およびブール値解体割り当てのアレイ

解体は、等号の右辺は、数値およびブール値である場合、それは最初のオブジェクトをオンにする時期

ましょう{のtoString:S} = 123。//函数の===のNumber.prototype.toString真
LET {のtoString:S}が真=。//函数の===のBoolean.prototype.toString真

図6は、解体の割り当てを使用し

変数の①交換価値

X = 1ましょう。Y = 2ましょう。[X、Y] = [Y、X]。

②関数の戻り値

関数の例(){[1、2、3]を返します。} 
)([A、B、C] =一例をみましょう。

③定義された関数のパラメータ

関数f([X、Y、Z]){...} 
F([1、2、3])。

④指定した値デマンドインポートモジュールに導入

 

おすすめ

転載: www.cnblogs.com/zjl-712/p/11443040.html