序文

Reactフロントエンド・フレームワークに入る前に、この投稿でJavaScript ES6について知っていることを復習しておこう。

1. JavaScriptの歴史
2. let、const、var 違い
3. 樣板字面值（ Template Literals ）
4. アロー関数

上記の中国語訳はMDNの公式翻訳に基づくものであり、間違いがあれば読者のコメントを歓迎する。

JavaScript ES6の歴史

1995年に出版されたブレンダン・アイチ。 JavaScript、当初JavaScriptは主にウェブページにいくつかの簡単な機能を実装するために使用されていました。その後、Ajax、Jquery、React.js、Vue.js、Node.js、TypeScriptが登場し、次第にJavaScriptは主流になる前に最も広く使われるプログラミング言語のひとつとなり、フロントエンドとバックエンドの両方の開発に使えるようになった。

ES5やES6について知っている読者もいるかもしれないが、ESとは何か？

ES の正式名称は ECMAScript です。ここで、ECMA は欧州コンピュータ製造者協会 (European Computer Manufactures Association) の略称で、次の数字は世代を表すため、ES5 は ECMAScript の第 5 世代、ES6 は ECMAScript の第 6 世代になります。 。

では、なぜES1からES4までの世代についてあまり耳にしないのだろうか？

ES2、ES3、ES4ではいくつかの問題が修正されたり、正規表現や文字列処理が追加された。

JavaScript ES6

ES6は2015年に登場し、多くの便利で有用な機能が追加され、幅広いJavaScriptアプリケーションに実装された。

歴史についてもっと知りたい人は、以下を参照されたい。

var, let, const 差

1. var

varは比較的初期のES5宣言メソッドで、varを使って宣言でき、関数スコープかグローバル・スコープのどちらかになります。

2. let

letは比較的最近のES6の宣言メソッドで、letを使って宣言することができる。レキシカル変数スコープを実装するだけでなく、中括弧を使用することでコード・ブロックが作成され、let宣言でブロック・スコープが設定されます。

3. const

constは、constを使って宣言できる最近のES6宣言のひとつで、ブロック・スコープされている。
constとletの最大の違いは、constは再代入されない値であるということだ。

varとletの違い

2つのコードの違いを簡単に示すために、まずES5でvarを宣言してみよう。判別式で再度宣言し、判別式にコード・ブロックを残した後も、変数はコード・ブロックで宣言された値を保持していることがわかる。