ES6-構文
Syntaxプログラムを作成するための一連のルールを定義します。すべての言語仕様は、独自の構文を定義しています。
JavaScriptプログラムは、次のもので構成できます。
Variables −プログラムの値を格納できる名前付きメモリブロックを表します。
Literals −定数/固定値を表します。
Operators −オペランドの処理方法を定義する記号。
Keywords −言語の文脈で特別な意味を持つ単語。
次の表に、JavaScriptのいくつかのキーワードを示します。一般的に使用されるキーワードのいくつかを次の表に示します。
| ブレーク | なので | どれか | スイッチ |
| 場合 | もし | スロー | そうしないと |
| var | 数 | ストリング | 取得する |
| モジュール | タイプ | instanceof | Typeof |
| 最後に | にとって | 列挙型 | 書き出す |
| 一方 | ボイド | この | 新着 |
| ヌル | 素晴らしい | キャッチ | しましょう |
| 静的 | 戻る | 本当 | 誤り |
Modules −さまざまなプログラム/スクリプト間で再利用できるコードブロックを表します。
Comments−コードの可読性を向上させるために使用されます。これらはJavaScriptエンジンによって無視されます。
Identifiers −これらは、変数、関数などのプログラムの要素に付けられた名前です。識別子の規則は次のとおりです。
識別子には、文字と数字の両方を含めることができます。ただし、識別子を数字で始めることはできません。
識別子には、アンダースコア（_）またはドル記号（$）以外の特別な記号を含めることはできません。
識別子をキーワードにすることはできません。それらは一意である必要があります。
識別子では大文字と小文字が区別されます。識別子にスペースを含めることはできません。
次の表は、いくつかの有効な識別子と無効な識別子を示しています。
| 有効な識別子の例 | 無効な識別子の例 |
|---|---|
ファーストネーム ファーストネーム num1 $ result |
Var＃ ファーストネーム ファーストネーム 1番号 |
空白と改行
ES6は、プログラムに表示されるスペース、タブ、および改行を無視します。プログラムではスペース、タブ、改行を自由に使用でき、コードを読みやすく理解しやすいように、プログラムをきちんと一貫した方法で自由にフォーマットおよびインデントできます。
JavaScriptでは大文字と小文字が区別されます
JavaScriptでは大文字と小文字が区別されます。これは、JavaScriptが大文字と小文字を区別することを意味します。
セミコロンはオプションです
命令の各行は、 statement。JavaScriptではセミコロンはオプションです。
例
console.log("hello world")
console.log("We are learning ES6")1行に複数のステートメントを含めることができます。ただし、これらのステートメントはセミコロンで区切る必要があります。
JavaScriptのコメント
Commentsプログラムの可読性を向上させる方法です。コメントを使用して、コードの作成者などのプログラムに関する追加情報、関数/構成に関するヒントなどを含めることができます。コメントはコンパイラーによって無視されます。
JavaScriptは次のタイプのコメントをサポートします-
Single-line comments (//) − //と行末の間のテキストは、コメントとして扱われます。
Multi-line comments (/* */) −これらのコメントは複数行にまたがることがあります。
例
//this is single line comment
/* This is a
Multi-line comment
*/あなたの最初のJavaScriptコード
従来の「HelloWorld」の例から始めましょう。
var message = "Hello World"
console.log(message)プログラムは次のように分析できます-
1行目は、名前メッセージで変数を宣言しています。変数は、プログラムに値を格納するためのメカニズムです。
2行目は、変数の値をプロンプトに出力します。ここで、コンソールはターミナルウィンドウを指します。機能ログ（）は、画面にテキストを表示するために使用されます。
コードの実行
Node.jsを使用してコードを実行します。
Step 1 −ファイルをTest.jsとして保存します
Step 2 − Visual StudioCodeのproject-explorerウィンドウの作業ファイルオプションの下にあるTest.jsファイルを右クリックします。
Step 3 − [コマンドプロンプトで開く]オプションを選択します。
Step 4 −ノードのターミナルウィンドウに次のコマンドを入力します。
node Test.jsファイルが正常に実行されると、次の出力が表示されます。
Hello WorldNode.jsおよびJS / ES6
ECMAScript 2015（ES6）の機能は、3つのグループに分類されます-
For Shipping −これらはV8が安定していると見なす機能です。
Staged Features −これらはほぼ完成した機能ですが、V8チームによって安定しているとは見なされていません。
In Progress −これらの機能は、テスト目的でのみ使用する必要があります。
機能の最初のカテゴリは完全にサポートされており、ノードによってデフォルトでオンになっています。段階的な機能を実行するには、ランタイムが必要です---ハーモニーフラグ。
Node.jsのコンポーネント固有のCLIフラグのリストはここにあります-
厳密モード
ECMAScript仕様の第5版では、厳密モードが導入されました。厳密モードは、JavaScriptに制約のレイヤーを課します。通常のJavaScriptセマンティクスにいくつかの変更を加えます。
以下を含めることにより、コードを厳密モードで動作するように移行できます。
// Whole-script strict mode syntax
"use strict";
v = "Hi! I'm a strict mode script!"; // ERROR: Variable v is not declared上記のスニペットでは、コード全体がJavaScriptの制約付きバリアントとして実行されます。
JavaScriptでは、ブロックのスコープ内の厳密モードを関数のスコープとして制限することもできます。これは次のように示されます-
v = 15
function f1() {
"use strict";
var v = "Hi! I'm a strict mode script!";
}上記のスニペットでは、関数外のコードはすべて非厳密モードで実行されます。関数内のすべてのステートメントは、厳密モードで実行されます。
ES6とホイスト
JavaScriptエンジンは、デフォルトで、宣言を一番上に移動します。この機能は、hoisting。この機能は変数と関数に適用されます。巻き上げにより、JavaScriptは宣言される前にコンポーネントを使用できます。ただし、巻き上げの概念は、厳密モードで実行されるスクリプトには適用されません。
可変ホイストと機能ホイストについては、以降の章で説明します。