HOME > JavaScript > JavaScriptの変数宣言であるvar / let / constの使い分けについて

JavaScriptの変数宣言であるvar / let / constの使い分けについて

2019/05/20 2024/02/20 JavaScript

JavaScript関連の調べ物をしていた際、変数の宣言時にvarではなくletと記述されているソースを見かけた。初めて見たので何なのか調べてみるとvarとlet以外にもconstというものもあった。以下にそれぞれの違いや使い方をメモ。

違い

再宣言、再代入、初期値の省略、スコープ外の呼び出しについての詳細は以下の通り。

var hoge = 1;
var hoge = 2;

var hoge = 1;
hoge = 2;

var hoge;

if( num < 1  ){
    var hoge = 1;
}
console.log(hoge); //ここで呼び出せるかどうか

基本的には再代入の可能性があればletを、なければconstを使うのが良いみたい。

: JavaScriptで数値のカンマ区切り化とカンマ区切りの解除

JavaScriptで数値を3桁ごとにカンマ区切り化したい。また、それとは逆にカ ...

: サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示するというのがLightbox ...

: バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法

チェックボックスの状態によってinputタグのtypeをtext⇔passwor ...

: JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法

大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...

: jQueryにて複数のajax処理のレスポンスをまとめて表示する方法

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...