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

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

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

ECMAScript 6 (略して ES6) は、JavaScript 言語の最新標準です。 ES6 の現在のバージョンは 2015 年にリリースされたため、ECMAScript 2015 とも呼ばれます。

WeChat アプレットは、ES6 の新機能のほとんどをサポートしています。

Constants (定数)

ES6 では、定数を宣言するために使用される const キーワードが追加され、一度宣言された定数の値は変更できません。

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

const は、それが宣言されているブロックレベルのスコープ内でのみ有効です。

スコープ (スコープ)

ES6 では変数の宣言に使用される let キーワードが追加されていますが、宣言された効果はコード ブロック内でのみ有効です。

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

上記のコードはコードブロック内にあり、let と var をそれぞれ使用して 2 つの変数を宣言します。次に、これら 2 つの変数はコード ブロックの外で呼び出されます。その結果、let で宣言された変数はエラーを報告し、var で宣言された変数は正しい値を返します。これは、let で宣言された変数が、それが配置されているコード ブロック内でのみ有効であることを示しています。

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

上記のコードのカウンター i は、for ループの本体内でのみ有効です。

let は JavaScript にブロックレベルのスコープを追加します。

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

上記の関数には 2 つのコード ブロックがあり、どちらも変数 x と y を宣言し、実行後に 1 2 を出力します。これは、外側のコード ブロックが内側のコード ブロックの影響を受けないことを意味します。 var を使用して変数 n を定義すると、最終的な出力値は 10 20 になります。

アロー関数 (アロー関数)

アロー関数は、ES6 によって提供される優れた構文機能です:

構文がより簡潔です。

このオブジェクトを文法的に修正しました。

1つのパラメータ

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

複数のパラメータ

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




配列トラバーサル

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

拡張パラメータ処理(パラメータ拡張)

関数パラメータのデフォルト値を設定できるようにします。つまり、パラメータ定義の直後に記述されます。

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

残りの変数パラメーター (「....」で表される) は、無数の名前なしパラメーターを受け取りながら名前付きパラメーターを使用する関数で使用されます。

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

Spread 演算子は、「...」で表される Rest 変数パラメータと同じです。Spread 演算子を使用すると、配列内のパラメータを 1 つずつ関数に渡すことができます。 。

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

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

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