【JavaScript】初心者向けvar,let,constの使い分け、違い – constは定数ではない

初心者がJavaScriptを学ぶ上で最初に混乱するvar,let,constに関して、
どうやって使い分けていけば良いか解説する。

結論

最初に結論から言うと、以下のように覚えておけば大丈夫。

まずはそれぞれの特性を説明する。

constは再代入不可な変数を宣言するためのものである。
Javaでいうところのfinal。

constによって宣言された変数にもう一度何かを代入しようとした場合、エラーになる。

// 宣言
const hoge = 10;

// 再代入しようとすると、エラー
hoge = 5;

後述するが、constは「定数」だと考えると納得がいかないところが多いと思う。
そのため定数ではなく「中身を入れ替えることができない変数」と考えると良い。

letは再代入可能（中身を入れ替えることができる）な変数である。
constでエラーになった以下のようなコードはletではエラーにならない。

// 宣言
let hoge = 10;

// 代入できる
hoge = 5;

console.log(hoge);  // 「5」と表示される

これはconstとletが作られる前から存在した古い宣言方法で、
挙動としてはletに近いが、以下の3つの点がletとは異なる。

詳しい説明は他の記事に任せるが、簡単に説明すると

という違いがある。

この特殊な挙動をするというところがポイントで、
ここを完全に理解していないとバグがあるコードを書いてしまう可能性が十分にある。

また、この特殊な挙動は機能としても別にあって便利なものではない。

こういった理由でvarよりもletを使うことが推奨される。

「const＝定数」と覚えている人にとっては、
「基本的にconstのみを利用しましょう」と言われると、
「定数のみでプログラムが書けるわけがない」と気持ち悪く感じるだろう。

これに対する回答は「constは定数ではなく再代入不可能な変数だから」と考えてほしい。
例を以下に示すが、プログラミングでは再代入不可能な変数を使う方が良いコードになる。

基本的に良いコードというのは変数の再代入をできるだけ行わない。
なぜなら、その変数に今何が代入されているのか追いやすいからだ。

プログラムの保守を行う際に、コードを読むコストが圧倒的に異なる。

この話はJavaScriptに限らないことなので、以下の記事で解説している。