JavaScript Let
このletキーワードは
ES6（2015）で導入されました。
で定義された変数letは再宣言できません。
で定義された変数は、let使用する前に宣言する必要があります。
で定義された変数にletはブロックスコープがあります。
再宣言できません
で定義された変数は再宣言letできません。
誤って変数を再宣言することはできません。
あなたとこれletを行うことはできません：
例
let x = "John Doe";
let x = 0;
// SyntaxError: 'x' has already been declared
あなたと一緒varに：
例
var x = "John Doe";
var x = 0;
ブロックスコープ
ES6（2015）より前は、JavaScriptにはグローバルスコープと関数スコープしかありませんでした。
ES6では、2つの重要な新しいJavaScriptキーワードletとが導入されましconstた。
これらの2つのキーワードは、JavaScriptでブロックスコープを提供します。
{}ブロック内で宣言された変数には、ブロック外からアクセスできません。
例
{
let x = 2;
}
// x can NOT be used here
キーワードで宣言された変数は、varブロックスコープを持つことはできません。
{}ブロック内で宣言された変数には、ブロック外からアクセスできます。
例
{
var x = 2;
}
// x CAN be used here
変数の再宣言
varキーワードを使用して変数を再宣言すると、問題が発生する可能性があります。
ブロック内の変数を再宣言すると、ブロック外の変数も再宣言されます。
例
var x = 10;
// Here x is 10
{
var x = 2;
// Here x is 2
}
// Here x is 2
キーワードを使用して変数を再宣言すると、letこの問題を解決できます。
ブロック内の変数を再宣言しても、ブロック外の変数は再宣言されません。
例
let x = 10;
// Here x is 10
{
let x = 2;
// Here x is 2
}
// Here x is 10
ブラウザのサポート
このletキーワードは、Internet Explorer11以前では完全にはサポートされていません。
let次の表は、キーワードを完全にサポートする最初のブラウザバージョンを定義しています。
| Chrome 49 | Edge 12 | Firefox 44 | Safari 11 | Opera 36 |
| Mar, 2016 | Jul, 2015 | Jan, 2015 | Sep, 2017 | Mar, 2016 |
再宣言
でJavaScript変数を再宣言するvarことは、プログラムのどこでも許可されています。
例
var x = 2;
// Now x is 2
var x = 3;
// Now x is 3
を使用letすると、同じブロックで変数を再宣言することはできません。
例
var x = 2; // Allowed
let x = 3; // Not allowed
{
let x = 2; // Allowed
let x = 3 // Not allowed
}
{
let x = 2; // Allowed
var x = 3 // Not allowed
}
別のブロックで、を使用して変数を再宣言するletことは許可されています。
例
let x = 2; // Allowed
{
let x = 3; // Allowed
}
{
let x = 4; // Allowed
}
巻き上げましょう
で定義された変数は一番上varに持ち上げられ、いつでも初期化できます。
意味：宣言する前に変数を使用できます。
例
これで結構です：
carName = "Volvo";
var carName;
巻き上げについて詳しく知りたい場合は、JavaScriptの巻き上げの章をご覧ください。
で定義された変数letもブロックの先頭に持ち上げられますが、初期化されません。
意味：let宣言される前に変数を使用すると、次のようになります
ReferenceError。
例
carName = "Saab";
let carName = "Volvo";