JavaScriptのvarとletとconst
2019/12/09
JavaScript関連の調べ物をしていた際、変数の宣言時にvarではなくletと記述されているソースを見かけた。初めて見たのでletで調べてみるとvarとlet以外にもconstというものもあった。以下に違い、使い方をメモ。
違い
| 再宣言 | 再代入 | 初期値の省略 | スコープ外の呼び出し | |
| var | ○ | ○ | ○ | ○ |
| let | × | ○ | ○ | × |
| const | × | × | × | × |
再宣言
|
1 2 |
var hoge = 1; var hoge = 2; |
再代入
|
1 2 |
var hoge = 1; hoge = 2; |
初期値の省略
|
1 |
var hoge; |
スコープ外の呼び出し
|
1 2 3 4 |
if( num < 1 ){ var hoge = 1; } console.log(hoge); //ここで呼び出せるかどうか |
使い方
基本的には再代入の可能性があればletを、なければconstを使うのが良いみたい。
参考サイト
関連記事
-
-
GoogleMapAPIで現在地を更新する方法
GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...
-
-
setTimeoutの注意点
javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...
-
-
リンク部分にマウスオーバーでツールチップを表示(nicetitles.js)
既存のソースにて見たことの無いプラグインが 使われていたのでメモ。 ■参考 ht ...
-
-
GoogleMapで都道府県の中心地と県庁所在地
GoogleMapで都道府県の中心地もしくは県庁所在地にマーカーを立てたかった。 ...
-
-
javascriptでのについて
javascriptを書く際に、 <script> <!-- ...
-
-
JavaScriptで三項演算子の中に三項演算子
既存のソースを作り変えている際によく分からないソースがあった。 だいぶ書き換えて ...
-
-
javascriptでゼロパティング
月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...
-
-
javascriptの文末
下記みたいなコードがあって、文末に｢;｣が 無いのになんで動くのこれ？ となった ...
-
-
JavaScriptで配列をループ処理(for-in)
JavaScriptでforeach使ったこと無かったけど、 配列のキーが連番じ ...
-
-
GoogleMapでメインカラーを変更する方法
GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...