公開日： 2018/10/11
最終更新日：2018/10/11

【JavaScript】varとletの違い

JavaScriptでは、var命令を使って変数の宣言をする。
さらに、ES2015では変数の宣言用命令としてletが追加された。
letはvar命令と比較し、以下の機能が追加されている。

変数の重複を許可しない

letの場合は変数の重複を許さない。
以下のコードはエラーとなる。

let val = 'a';
let val = 'b';

1 2	let val = 'a'; let val = 'b';

一方varは重複を許可するので、以下のコードはエラートならない。
(valは最終的に「b」で上書きされる)

var val = 'a'
var val = 'b'

1 2	var val = 'a' var val = 'b'

let命令が追加されるまでJavaScriptには、変数のスコープを指定できなかった。
たとえば、以下のようなコードでもエラートはならない。

if(true) {
	var i = 1:
}
console.log(i);

if(true) {

var i = 1:

}

console.log(i);

しかし、let命令を使うことで、変数のスコープを指定できるようになった。
以下のコードはエラーとなる。

if(true) {
	let i = 1:
}
console.log(i);		//エラー

if(true) {

let i = 1:

}

console.log(i); //エラー

カテゴリー: IT, プログラミング

タグ　　　: JavaScript