JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのvarキーワードとは?変数宣言の基本をわかりやすく解説

他の多くのプログラミング言語と同様に、JavaScriptにも「変数」が存在します。変数とは、名前を付けた入れ物(コンテナ)のようなものです。この入れ物にデータを格納しておけば、あとから名前を指定するだけで、そのデータを簡単に参照できるようになります。

JavaScriptでは、varキーワードを使って変数を宣言します。

変数の宣言方法

JavaScriptプログラムの中で変数を使用する前に、必ずその変数を宣言しておく必要があります。変数の宣言は、以下のようにvarキーワードを使って行います。

<script>
   <!--
      var money;
      var name;
   //-->
</script>

複数の変数を一度に宣言する

同じvarキーワードを使えば、カンマ(,)で区切ることで複数の変数をまとめて宣言することもできます。

<script>
   <!--
      var money, name;
   //-->
</script>

変数の初期化とは

宣言した変数に値を格納することを「変数の初期化」と呼びます。初期化のタイミングは自由で、変数を作成した直後に行ってもよいですし、実際にその変数が必要になった時点で後から行うことも可能です。

var money = 1000;  // 宣言と同時に初期化
var name;          // 先に宣言だけ行い
name = "Taro";     // 後から初期化することも可能

補足:現代のJavaScriptではlet・constも使われる

varはJavaScriptにおける伝統的な変数宣言の方法ですが、ES2015(ES6)以降では、ブロックスコープを持つletや、再代入不可の定数であるconstが標準的に使われています。ただし、古いコードやレガシーな環境では今でもvarが広く利用されているため、varの基本的な仕組みを理解しておくことは非常に重要です。

  1. JavaScript DOMとは?基本の仕組みと要素の取得方法をわかりやすく解説

    JavaScriptのDOM(Document Object Model:ドキュメントオブジェクトモデル)は、Webページ上のHTML要素を表現する仕組みです。DOMはインターフェースとして機能し、ページのコンテンツやスタイルを変更することで、Webページを自由に操作できるようにします。 DOMにアクセスするには、Webページ上で右クリックして「検証(Inspect)」を選択します。すると画面の右側または左側にパネルが表示され、現在閲覧しているページのHTML要素を確認できます。要素にマウスカーソルを合わせると、ページ上の該当部分がハイライトされるため、どの要素がページのどのセクションに対応

  2. C#のvarキーワードとは?暗黙的型付けの基本と使い方を解説

    C#の「var」キーワードは、変数を暗黙的に型指定(implicit typing)して宣言するための機能です。varを使うと、明示的に型名を書かなくても、代入した値からコンパイラが自動的に適切な型を推論してくれます。整数(int)、文字列(string)、浮動小数点数(float/double)など、どんな型の値でもそのまま代入できます。なお、varは「動的な型」ではなく、あくまでコンパイル時に型が確定する点に注意しましょう。宣言と同時に必ず初期化が必要で、一度型が決まれば後から別の型を代入することはできません。基本的な使用例まずは、varを使ってint型とstring型の変数を宣言するシン