ホームページ  >  記事  >  WeChat アプレット  >  ES6 新機能開発 WeChat アプレット (2)

ES6 新機能開発 WeChat アプレット (2)

迷茫
迷茫オリジナル
2017-03-25 17:24:342312ブラウズ

テンプレートリテラル(テンプレートオブジェクト)

ES6のテンプレート文字列(Template String)は、文字列テキストに式を埋め込むことができる文字列リテラル(String Literal)です。

これらは、通常の文字列の引用符 ' または " の代わりにバッククォート文字 ` が使用される点を除いて、通常の文字列と同じように見えます。

ES6 新機能開発 WeChat アプレット (2)

通常の文字列との違いは、 であることです。テンプレート文字列は複数行で記述することができます

ES6 新機能開発 WeChat アプレット (2)

テンプレート文字列内のすべてのスペース、改行、インデントは、生成される拡張リテラルにそのまま出力されます

。 ES6 では 2 つの新しい数値ベース識別子が追加され、2 番目の文字は 2 進数を表す b、2 番目の文字は 8 進数を表す o です。表現Unicode。

拡張正規表現 (拡張正規表現)

ES6 新機能開発 WeChat アプレット (2)ES6 は、「Unicode モード」を意味する u 修飾子を使用して、uFFFF より大きい Unicode 文字を正しく処理します。 、4 バイトの UTF-16 エンコーディングは正しく処理されます。uD83DuDC2A は 1 文字を表します。「u」を追加すると、ES5 に従って 2 文字として認識されます。 "、ES6 として正しく認識されます。文字です。

ES6 は、「sticky」修飾子と呼ばれる y 修飾子を正規表現に追加します。y 修飾子には、g 修飾子と同様の機能があります。これはグローバル一致でもあります。次の一致は、前の一致に基づいて行われます。違いは、g 修飾子は残りの位置での一致のみを必要とするのに対し、y 修飾子では一致が必ず開始されることです。残りの最初の位置 ES6 は、正規表現に y 修飾子が設定されているかどうかを示すために使用される Sticky 属性を追加します。正規表現

を返します。

拡張オブジェクト リテラル

ES6 では、新しいプロパティの簡潔な表現が追加され、変数や関数をオブジェクトのプロパティやメソッドとして直接記述できるようになります。この種の書き方はより簡潔です。

ES6 新機能開発 WeChat アプレット (2)

プロパティの省略形に加えて、ES6 メソッドも省略形にすることができます。

ES6 新機能開発 WeChat アプレット (2)

ES6 では、新しい属性名の式が追加され、オブジェクトを定義するときにオブジェクトの属性名としてリテラルを使用できるようになります。つまり、式を角かっこ内に配置できます。

ES6 新機能開発 WeChat アプレット (2)

ES6 新機能開発 WeChat アプレット (2)代入の構造化

ES6 では、配列やオブジェクトから値を抽出し、特定のパターンに従って変数に値を割り当てることができます。これを構造化と呼びます。

代入の構造化を行うと、配列やオブジェクトのリテラルと同様の構文を使用して、配列やオブジェクトのプロパティをさまざまな変数に割り当てることができます。この代入構文は非常に簡潔で、従来のプロパティ アクセス方法よりも明確です。

配列の代入を分割すると、配列から値を抽出し、対応する位置に従って変数に値を代入できます。

ES6 新機能開発 WeChat アプレット (2)

オブジェクトの代入を分割します。

ES6 新機能開発 WeChat アプレット (2)

文字列の代入を分割すると、文字列は配列のようなオブジェクトに変換されます。

ES6 新機能開発 WeChat アプレット (2)

関数パラメータの構造化代入

ES6 新機能開発 WeChat アプレット (2)

以上がES6 新機能開発 WeChat アプレット (2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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