📚

var,let,constの違いを理解しよう

2024/06/28に公開

こんにちは咲夜です。
モダンJavaScriptを勉強し始めました。
まずはvar,let,constの学習からです。

var

var val1 = "var変数";
console.log(val1);

var val1 = "varの再代入"
console.log(val1);

var val1 ="varの再宣言";
console.log(val1)

出力結果

var変数
varの再代入
varの再宣言

varは変数の再代入、再宣言をすることができます。

let

let val2 = "let変数";
console.log(val2);

val2 = "letの再代入";
console.log(val2);

出力結果

let変数
letの再代入

ここまではvarと同じですが,,,

let val2 = "let変数";
console.log(val2);
let val2 = "再宣言禁止";
console.log(val2);

出力結果

Uncaught SyntaxError: Identifier 'val2' has already been declared

すでにval2は宣言されていますとエラーが出ますね。

letは変数の再代入することができますが、再宣言をすることができません。

const

const val3 = "const変数";
console.log(val3);

val3 = "constの再代入";
console.log(val3);

出力結果

const変数
Uncaught TypeError: Assignment to constant variable.

定数変数への代入はできないとエラーが出ました。

const val3 = "const変数";
console.log(val3);

const val3 = "constの再宣言";
console.log(val3);

出力結果

Uncaught SyntaxError: Identifier 'val3' has already been declared

すでにval3は宣言されていますとエラーが出ますね。

constは変数の再代入も、再宣言もできません。

以上!
本来はスコープのお話もした方が良いのかもですが一旦割愛!

Discussion