プログラミングメモ

JavaScriptでは変数を宣言するキーワードとしてvar、let、constがあります。
そのうちlet、constはECMAScript2015（JavaScriptの標準仕様）から用いられたものです。
今回はvar、let、constのそれぞれの特徴についてまとめたいと思います。

varについて

varで宣言された変数は再宣言、再代入できる変数となります。

再宣言とは

var a = 1;
var a = 2;

このように変数名aという変数を同じ名前で再定義することです。

再代入とは

var a =1;
a = 2;

このように変数名aという変数に初期値1を入れて、その後2に入れ替えることです。

letについて

letで宣言された変数は再宣言は出来ませんが、再代入できる変数となります。

let a = 1;
let a = 2; //エラーがでます

let a =1;
a = 2; //エラーはでません

constについて

constで宣言された変数は再宣言、再代入ともにできません。

const a = 1;
const a = 2; //エラーがでます

const a =1;
a = 2; //エラーがでます

var、let、constの使い分け

let、constは再宣言できない変数を宣言しますが、これは同じ名前の変数の宣言での意図しない変数の上書きを防ぐことになりコードを読みやすくなることになります。
さらに再代入を行うことは変数の中身が分かりにくくなることともいえます。再代入を減らすことで見通しのよいコードを書くことができます。
以上の事から変数宣言はなるべくconstを用いて再代入が必要になるときにletを用いることが読みやすいコードを作ることにつながるといえるでしょう。

またvarはlet、constと関数内で参照にする範囲が異なります。letやconstを用いればさらに意図通りに変数を参照させることができます。