ECMAScript 2015またはES2015は、JavaScriptプログラミング言語への重要なアップデートです。2009年に標準化されたES5以来の最初の主要なアップデートです。そのため、ES2015はES6と呼ばれることが多いです。
このES6チュートリアルに従うには、ES5までのJavaScriptに関する十分な知識が必要です。
セクション1. 新しいES6構文
- let –
letキーワードを使用してブロックスコープの変数を宣言します。 - let vs. var –
letとvarの違いを理解します。 - const –
constキーワードを使用して定数を定義します。 - デフォルトの関数パラメータ – 関数の引数にデフォルト値を設定する方法を学びます。
- レストパラメータ – レストパラメータとその効果的な使用方法を紹介します。
- スプレッド演算子 – スプレッド演算子の効果的な使用方法を学びます。
- オブジェクトリテラル構文拡張 – オブジェクトリテラルを定義する新しい方法を提供します。
- for…of – イテラブルオブジェクトの要素を反復処理するために
for...ofループを使用する方法を学びます。 - 8進数と2進数のリテラル – 2進数リテラルのサポートを提供し、8進数リテラルの表現方法を変更します。
- テンプレートリテラル – 文字列の中に変数を置換する方法を学びます。
セクション2. デストラクチャリング
- 配列デストラクチャリング – 配列の要素を変数に代入する方法を示します。
- オブジェクトデストラクチャリング – オブジェクトのプロパティを変数に代入する方法を学びます。
セクション3. ES6モジュール
- ES6モジュール – モジュール化されたJavaScriptコードの書き方を学びます。
セクション4. ES6クラス
- クラス – ES6クラス構文とその宣言方法を紹介します。
- ゲッターとセッター – getとsetキーワードを使用してクラスのゲッターとセッターを定義します。
- クラス式 – クラス式を使用して新しいクラスを定義する代替方法を学びます。
- 静的メソッド – クラスに関連付けられたメソッド（そのクラスのインスタンスではなく）を定義する方法を説明します。
- 静的プロパティ – クラスのすべてのインスタンスで共有される静的プロパティの定義方法を示します。
- 計算済みプロパティ – 計算済みプロパティとその実際的な用途を説明します。
- 継承 –
extendsとsuperキーワードを使用してクラスを拡張する方法を示します。 - new.target –
new.targetメタプロパティを紹介します。
セクション5. アロー関数
- アロー関数 – アロー関数（
=>）を紹介します。 - アロー関数：使用すべきでない場合 – アロー関数の使用を避けるべき場合を学びます。
セクション6. シンボル
- シンボル – ES6の
symbolという新しいプリミティブ型を紹介します。
セクション8. Promise
- Promise – JavaScriptのPromise、その機能、および効果的な使用方法を学びます。
- Promiseチェイニング – 複数の非同期操作を順番に実行する方法を示します。
- Promiseの合成：
Promise.all()&Promise.race()– 複数のPromiseから新しいPromiseを合成する方法を学びます。 - Promiseのエラー処理 – Promiseのエラー処理方法を説明します。
セクション10. 配列拡張
- Array.of() – 配列の作成を改善します。
- Array.from() – 配列のようなオブジェクトまたはイテラブルオブジェクトから配列を作成します。
- Array find() – 配列内の要素を見つけます。
- Array findIndex() – 配列内の要素のインデックスを見つけます。
セクション11. オブジェクト拡張
- Object.assign() – オブジェクトのコピーまたはオブジェクトのマージを行います。
- Object.is() – 2つの値が同じ値かどうかを確認します。
セクション12. 文字列拡張
- String startsWith() – 文字列が別の文字列で始まるかどうかを確認します。
- String endsWith() – 文字列が別の文字列で終わるかどうかを判断します。
- String includes() – 文字列が別の文字列を含むかどうかを確認します。
