es6での構造化の方法は何ですか

今回は、es6 のデコンストラクトの方法と、es6 のデコンストラクトの注意点についてお届けします。以下は実際のケースです。見てみましょう。

宣言された変数を代入の構造化に使用する場合は、細心の注意を払う必要があります。

JavaScript エンジンは {x} をコード ブロックとして認識し、構文エラーが発生するため、上記のコードはエラーを報告します。この問題は、JavaScript がコードのブロックとして解釈しないように、行の先頭に中括弧を書かないことによってのみ解決できます。

変数名が属性名と一致しない場合は、次のように記述する必要があります。

つまり、オブジェクトの構造化と代入の内部メカニズムは、まず同じ名前の属性を見つけて、それを対応する変数に割り当てることです。実際に割り当てられるのは前者ではなく後者です。

注: この時点では p は変数ではなくパターンであるため、値は割り当てられません。 p も変数として割り当てる必要がある場合は、次のように記述できます。

代入を分割するとき、等号の右側が数値またはブール値の場合、最初にオブジェクトに変換されます

// 错误的写法 let x; {x} = {x: 1}; // SyntaxError: syntax error

関数パラメータは、構造化を使用して割り当てることもできます。

上記のコードでは、関数 add のパラメータは表面上の配列ですが、パラメータが渡された瞬間に、配列パラメータは変数 x と y に分解されます。関数内のコードで感じられるパラメーターは x と y です

unknown は、関数パラメータのデフォルト値をトリガーします。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

HTMLタグとDOMノードの結合

jsはブラウザバックイベントを禁止します

以上がes6での構造化の方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。