JavaScriptの変数宣言であるvar / let / constの使い分けについて
2024/02/20
JavaScript関連の調べ物をしていた際、変数の宣言時にvarではなくletと記述されているソースを見かけた。初めて見たので何なのか調べてみるとvarとlet以外にもconstというものもあった。以下にそれぞれの違いや使い方をメモ。
違い
| 再宣言 | 再代入 | 初期値の省略 | スコープ外の呼び出し | |
| 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にて領収書等のテンプレートHTMLページをPDFファイル化させる方法(html2pdf)
JavaScriptにてhtml2pdfというライブラリを使用することでHTML ...
-
-
JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法
文字数が多いGETパラメータを送信したいというケースがあった。また、送信側はJa ...
-
-
エリア→都道府県→路線→駅名を連携する絞り込みセレクトメニューの設置方法
エリア→都道府県→路線→駅名のドリルダウン検索をプルダウン形式で設置したい。以前 ...
-
-
jQueryプラグインでクリップボードにコピーする方法(clipboard.js)
ページ上のボタンをクリックすることで特定の文章をクリップボードにコピーしたかった ...
-
-
JavaScriptでdownload属性が付与されている画像を一括ダウンロードさせる方法
ページ内にdownload属性が付与されている画像が複数あり、何らかのボタンをク ...