JavaScriptにおける「var」とは？
JavaScriptで頻繁に見かける「var」は、一体何を意味するのでしょうか？
「var」の役割：変数を宣言する
「var」は「variable」の略語であり、「変数」を宣言するために使用されます。変数は、プログラムの中で値を格納するための箱のようなものです。JavaScriptでは、データを扱うために変数を活用します。
例えば、ユーザーの名前を格納する変数を宣言する場合、以下のようになります。
<script>
var userName = "田中太郎";
</script>
上記のコードでは、「userName」という名前の変数を宣言し、その変数に「田中太郎」という文字列を代入しています。
「var」のスコープ
「var」で宣言された変数は、関数スコープを持ちます。関数スコープとは、宣言された関数内でのみ有効であることを意味します。関数の外で同じ名前の変数を使用しても、別の変数として扱われます。
<script>
function myFunction() {
var message = "関数内のメッセージ";
console.log(message); // "関数内のメッセージ"と表示される
}
myFunction();
console.log(message); // エラーが発生：messageは定義されていない
</script>
「var」と他の宣言方法（let、const）
ES6以降では、「var」に加えて「let」と「const」という変数宣言が導入されました。それぞれの違いを以下の表にまとめます。
| 宣言 | スコープ | 再宣言 | 再代入 |
|---|---|---|---|
| var | 関数スコープ | 可能 | 可能 |
| let | ブロックスコープ | 不可能 | 可能 |
| const | ブロックスコープ | 不可能 | 不可能 |
「let」と「const」はブロックスコープを持ち、宣言されたブロック内でのみ有効となります。また、「const」で宣言された変数は再代入ができません。
「var」の使用に関する注意点
「var」は関数スコープを持つため、意図しない変数の上書きが発生する可能性があります。そのため、ES6以降ではスコープが限定された「let」や「const」を使用することが推奨されています。
参考資料
よくある質問
Q1: 「var」は必ず書く必要があるのですか？
A1: 変数を宣言せずに使用することもできますが、その場合、変数はグローバルスコープに作成されます。グローバルスコープの変数は、意図しない上書きやバグの原因となる可能性があるため、必ず変数宣言を行うようにしましょう。
Q2: 「let」や「const」と比べて「var」を使うメリットはありますか？
A2: 現在では、「let」や「const」の方が推奨されています。ただし、古いJavaScriptエンジンでは「let」や「const」がサポートされていない場合があるため、互換性を重視する場合は「var」を使用する必要があるかもしれません。
Q3: 「var」で宣言した変数の値を確認するにはどうすれば良いですか？
A3: コンソールに「console.log(変数名);」と入力することで、変数の値を確認できます。例えば、「console.log(userName);」と入力すると、「田中太郎」と表示されます。
その他の参考記事:JavaScriptのletとconst