React ES6変数
変数
ES6より前は、変数を定義する方法はvarの1つだけでした。これらを定義しなかった場合はグローバルオブジェクトに割り当てられます。厳格モードでない限り、変数が未定義の場合はエラーになります。
ES6では、変数を定義する方法がvar、let、constの3つあります。
例
var
var x = 5.6;
var関数の外で使用する場合、それはグローバルスコープに属します。
使用する場合var関数内では、その関数に属します。
使用する場合varブロック内、つまりforループの場合、変数はそのブロックの外でも使用できます。
varにはブロックスコープではなく関数スコープがあります。
例
let
let x = 5.6;
letのブロックスコープバージョンです。varであり、それが定義されているブロック(または式)に限定されます。
使用する場合letブロック内、つまりforループ内では、変数はそのループ内でのみ使用できます。
letはブロックスコープを持っています。例
const
const x = 5.6;
constは、一度定義すると、その値は決して変更できない変数です。
constブロックスコープを持っています。
constは少し誤解を招きやすいキーワードです。
これは定数値を定義するものではなく、ある値への定数参照を定義しているのである。
このため、次のことはできません。
- 定数値を再割り当てする
- 定数配列の再割り当て
- 定数オブジェクトを再割り当てする
- 定数配列の要素を変更する
- 定数オブジェクトのプロパティを変更する