JavaScriptにおける再宣言とは？
JavaScriptにおいて、「再宣言」と「再代入」は変数を扱う上で重要な概念です。混同しやすいですが、それぞれ異なる意味を持つため、正しく理解しておく必要があります。
再宣言
再宣言とは、一度宣言した変数名で再度宣言することです。JavaScriptでは、変数宣言に用いるキーワードによって再宣言の可否が異なります。
再代入
再代入は、値が入っている変数に上書きで代入することです。JavaScriptでは、変数宣言に用いるキーワードによって再代入の可否が異なります。
var、let、constの違い
JavaScriptには、変数宣言に用いるキーワードとして`var`、`let`、`const`の3種類があります。これらのキーワードによって、再宣言と再代入の可否が異なります。
| キーワード | 再宣言 | 再代入 |
|---|---|---|
| var | 可能 | 可能 |
| let | 不可能 | 可能 |
| const | 不可能 | 不可能 |
varの場合
`var`キーワードを用いて宣言された変数は、再宣言と再代入の両方が可能です。
<script>
var x = 10;
console.log(x); // 10
var x = 20; // 再宣言
console.log(x); // 20
x = 30; // 再代入
console.log(x); // 30
</script>
letの場合
`let`キーワードを用いて宣言された変数は、再宣言は不可能ですが、再代入は可能です。
<script>
let y = 10;
console.log(y); // 10
// let y = 20; // エラー！再宣言はできない
y = 30; // 再代入
console.log(y); // 30
</script>
constの場合
`const`キーワードを用いて宣言された変数は、再宣言も再代入も不可能です。定数として扱う際に使用します。
<script>
const z = 10;
console.log(z); // 10
// const z = 20; // エラー！再宣言はできない
// z = 30; // エラー！再代入はできない
</script>
参考資料
よくある質問
Q1: `var`ではなく`let`や`const`を使うべきですか？
A1: 基本的には`let`や`const`を使うことを推奨します。`var`は再宣言が可能なため、意図せず変数の値を上書きしてしまう可能性があります。`let`や`const`は再宣言が不可能なため、より安全にコードを記述することができます。
Q2: `let`と`const`のどちらを使うべきですか？
A2: 変数の値を変更する必要がある場合は`let`を、変更しない場合は`const`を使用します。`const`を使用することで、変数が意図せず変更されることを防ぎ、コードの可読性を向上させることができます。
Q3: 再宣言はどのような場合に問題になりますか？
A3: 再宣言は、大規模なプロジェクトや複数人で開発を行う際に問題となる可能性があります。同じ変数名が異なるスコープで使用されている場合、意図せず変数の値を上書きしてしまう可能性があります。そのため、再宣言は避けることが推奨されます。
その他の参考記事:JavaScript クラスの継承