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を使うのが良いみたい。
参考サイト
関連記事
-
-
prototypeとjqueryの競合
ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...
-
-
javascriptでゼロパティング
月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...
-
-
JavaScriptでinputタグのtypeを変更
チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...
-
-
javascriptでのについて
javascriptを書く際に、 <script> <!-- ...
-
-
youtubeの埋め込みをポップアップ表示させる方法
youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...
-
-
GoogleMapsAPIでマーカーが全て表示されるように自動ズーム
GoogleMapsAPIでマーカーを複数設置した場合にズームの値や、マーカーの ...
-
-
JavaScriptで文字列から数値へ変換時の注意
JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具 ...
-
-
getElementsByTagName
うろ覚えだけど業務中に、 document.getElementById('aa ...
-
-
テキストエリアを自動でリサイズ
改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...
-
-
迷惑メール対策でフォームにreCAPTCHAを導入する方法
スパムメール対策として問い合わせフォームにreCAPTCHAを導入したいという件 ...