【JavaScript】letとconstを使用した変数宣言について（備忘録）

１．まず最初に

変数は、データを格納する箱のことです。
変数を準備し、使用できるようにすることを変数宣言といいます。

2．letを使用した変数宣言について

まずは let を使用した変数宣言の方法から。

letを使用した変数宣言

let 変数名 = 値；

〇例１

Sample.js

let num
console.log(num);

結果

undefined

「定義されていません」というメッセージが表示されます。

〇例２

Sample.js

let num = 1;
let num = 2;
console.log(num);

結果

Uncaught SyntaxError: Identifier 'num' has already been declared

「変数numは既に宣言されています」というエラーが表示されます。

〇例3

Sample.js

let num = 1;
num = 2;
console.log(num);

結果

2

同じ変数に値を再代入する場合、let は不要です。

３．constを使用した変数宣言について

まずは constを使用した変数宣言の方法から。

constを使用した変数宣言

const 変数名 = 値；

〇例１

Sample.js

const num;
console.log(num);

結果

Uncaught SyntaxError: Missing initializer in const declaration

const を使用した場合、変数に必ず値を格納する必要があります。

〇例２

Sample.js

const num = 1;
num = 2;
console.log(num);

結果

Uncaught TypeError: Assignment to constant variable

const を使用した場合、同じ変数に値を再代入することはできません。

４．まとめ

開発現場では、constを用いることが推奨されています。
const を用いると変数に格納されている値を変更できず、ソースコードの可読性が損なわれないのが理由です。

	let	const
初期値なしの変数宣言	可能	不可
変数への値の再代入	可能	不可