ホームページ  >  記事  >  ウェブフロントエンド  >  es6での構造化の方法は何ですか

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

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-18 15:14:201519ブラウズ

今回は、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。