JavaScriptでの変数宣言 (var, let, const)

2018年12月17日JavaScript, Programming, TECHNOLOGY

JavaScriptへの理解が古いので、再度勉強してます。

今回は変数の宣言について

 

昔のJavaScriptではvarで変数を定義してましたが、これはモダンでないらしい。

なぜなら、“var"はブロックスコープを持たないからだそうです

例えば、

if(true){
    var test = "test";
}
console.log(test); //動く

というコードで、ifの閉じ括弧がきた時に変数の寿命が来ると思いきや、来ない… 閉じ括弧後のconsole.logが動いてしまいます。

 

function test(){
    var test = "test";
}
test();
console.log(test); //動かない

このように変数ブロック内にある場合は変数の外では動かないけど、ifやforのようなコードブロックは外から見えてしまいます。

 

そこで let を使います。

letはブロックスコープを持つので、C++などの言語と同じ感覚で変数の寿命をコントロールできます。

if(true){
    let test = "test";
}
console.log(test); //動かない

 

letの他にもconstを使用できます。

constはC++のconstと同じように一度定義された後は、変更しようとした際にエラーを出します。またletと同じようにブロックスコープは動きます。

const test = "test";
test = "hello world!"; //エラー!

 

確かな力が身につくJavaScript「超」入門 第2版

狩野 祐東
2,728円(04/01 17:47時点)
発売日: 2019/09/21
Amazonの情報を掲載しています
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

山田 祥寛
3,278円(04/01 21:15時点)
発売日: 2016/09/30
Amazonの情報を掲載しています
JavaScript コードレシピ集

JavaScript コードレシピ集

池田 泰延, 鹿野 壮
3,278円(04/02 04:29時点)
発売日: 2019/01/25
Amazonの情報を掲載しています
スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)

リブロワークス
2,035円(04/02 04:29時点)
発売日: 2018/06/22
Amazonの情報を掲載しています