このページでは、入門者向けにES2015(ES6)の基本文法やサンプルプログラムを解説しています。
## ES2015(ES6)とは
ES2015(ES6)とは、ECMASCript(JavaScript)の6th Editionのことです。
要は、新しい機能がいくつか追加された新しいJavaScriptです。
2015年に標準化されたため、、正式名称がES2015となっています。
## メリット・デメリット
ES2015(ES6)を使うメリット・デメリットは以下の通りです。
【メリット】
・便利な機能、構文を利用できる
・簡潔かつ明瞭な記述をしやすいで
【デメリット】
・標準化されて間もないため、未対応のブラウザがある
→ブラウザの対応状況
## ES2015(ES6)の新機能
ES2015(ES6)から登場した新機能の使い方を項目別に以下にまとめました。
## 変数
ES2015では、従来の変数varに加えて新たにlet、constが追加されました。
let、constは、varにはなかった「ブロックスコープ」を使用でき、再宣言も不可能になります。
(constは再代入も不可、つまり定数になります)
varでなく、let、constを使うことで予期しない値の書き換えなど、バグを防ぎやすくなります。
【詳細】var、let、constの違い・使い方
## class文
ES2015では、他言語のようにclass文でクラスを作成できるようになりました。
これにより、従来よりも簡潔にクラスを記述できます。
【詳細】class文の使い方
## デフォルト引数
デフォルト引数とは、Pythonのように関数の引数に初期値を設定できる機能です。
これにより、関数を実行する際に、引数に値を渡さない場合に、初期値を使用できます。
【詳細】デフォルト引数の使い方
## 分割代入
「分割代入」とは、従来より簡単に記述で配列の値を変数に代入できる機能です。
【詳細】分割代入の使い方
## アロー関数
アロー関数とは、無名関数の省略形です。
function式の記述を省略して関数の定義ができます。
【詳細】アロー関数の使い方
## テンプレート文字列
テンプレート文字列とは、文字列をバッククオート(“)で囲み、${}で文字列内に変数展開ができ、改行も反映できる機能です。
## スプレッド演算子
スプレッド演算子 は、複数の引数、要素、値が置かれるところで式が展開される機能です。
## 非同期処理(Promise)
非同期処理を行うオブジェクト「Promise」が追加されました。
– | 関連記事 |
---|---|
1 | ■Javascript入門 サンプルプログラム集 |
コメント