GitBookjs-primer変数と宣言プログラミング言語には、文字列や数値などのデータに名前をつけることで、繰り返し利用できるようにする変数という機能があります。const、let、varの3つがあります。varはもっとも古くからある変数宣言のキーワードですが、意図しない動作を作りやすい問題が知られています。2015で、varの問題を改善するためにconstとletという新しいキーワードが導入されました。この章ではconst、let、varの順に、それぞれの方法で宣言した変数の違いについて見ていきます。constconstキーワードでは、再代入できない変数の宣言とその変数が参照する値(初期値)を定義できます。次のように、constキーワードに続いて変数名を書き、代入演算子(=)の右辺に変数の初期値を書いて変数を定義できます。初期値;次のコードではbookTitleという変数を宣言し、初期値が"JavaScriptの本"という文字列であることを定義しています。"JavaScriptの本";const、let、varどのキーワードも共通の仕組みですが、変数同士を,(カンマ)で区切ることにより、同時に複数の変数を定義できます。次のコードでは、bookTitleとbookCategoryという変数を順番に定義しています。"プログラミング";これは次のように書いた場合と同じ意味になります。"プログラミング";また、constは再代入できない変数を宣言するキーワードです。そのため、constキーワードで宣言した変数に対して、後から値を代入することはできません。次のコードでは、constで宣言した変数bookTitleに対して値を再代入しているため、次のようなエラー(TypeError)が発生します。エラーが発生するとそれ以降の処理は実行されなくなります。'bookTitle'一般的に変数への再代入は「変数の値は最初に定義した値と常に同じである」という参照透過性と呼ばれるルールを壊すため、バグを発生させやすい要因として知られています。そのため、変数に対して値を再代入する必要がない場合は、constキーワードで変数宣言することを推奨しています。変数に値を再代入したいケースとして、ループなどの反復処理の途中で特定の変数が参照する値を変化させたい場合があります。そのような場合には、変数への再代入が可能なletキーワードを利用します。letletキーワードでは、値の再代入が可能な変数を宣言できます。letの使い方はconstとほとんど同じです。次のコードでは、bookTitleという変数を宣言し、初期値を"JavaScriptの本"という文字列であることを定義しています。"JavaScriptの本";letはconstとは異なり、初期値を指定しない変数も定義できます。初期値が指定されなかった変数はデフォルト値としてundefinedという値で初期化されます(undefinedは値が未定義ということを表す値です)。次のコードでは、bookTitleという変数を宣言しています。このときbookTitleには初期値が指定されていないため、デフォルト値としてundefinedで初期化されます。`bookTitle`は自動的に`undefined`という値になるこのletで宣言されたbookTitleという変数には、代入演算子(=)を使うことで値を代入できます。代入演算子(=)の右側には変数へ代入する値を書きますが、ここでは"JavaScriptの本"という文字列を代入しています。"JavaScriptの本";letで宣言した変数に対しては何度でも値の代入が可能です。3;varvarキーワードでは、値の再代入が可能な変数を宣言できます。varの使い方はletとほとんど同じです。"JavaScriptの本";varでは、letと同じように初期値がない変数を宣言でき、変数に対して値の再代入もできます。"新しいタイトル";varの問題varはletとよく似ていますが、varキーワードには同じ名前の変数を再定義できてしまう問題があります。letやconstでは、同じ名前の変数を再定義しようとすると、次のような構文エラー(SyntaxError)が発生します。そのため、間違えて変数を二重に定義してしまうというミスを防ぐことができます。x一方、varは同じ名前の変数を再定義できます。これは意図せずに同じ変数名で定義してもエラーとならずに、値を上書きしてしまいます。変数xは2となるまたvarには変数の巻き上げと呼ばれる意図しない挙動があり、letやconstではこの問題が解消されています。varによる変数の巻き上げの問題については「関数とスコープ」の章で解説します。そのため、現時点では「letはvarを改善したバージョン」ということだけ覚えておくとよいです。このように、varにはさまざまな問題があります。ほとんどすべてのケースでvarはconstかletに置き換えが可能です。そのため、これから書くコードに対してvarを利用することは避けたほうがよいでしょう。2015では、varそのものを改善するのではなく、新しくconstとletというキーワードを追加することで、varの問題を回避できるようにしました。var自体の動作を変更しなかったのは、後方互換性のためです。varの挙動自体を変更してしまうと、すでにvarで書かれたコードの動作が変わってしまい、動かなくなるアプリケーションが出てくるためです。新しくconstやletなどのキーワードをECMAScript仕様に追加しても、そのキーワードを使っているソースコードは追加時点では存在しません。そのため、constやletが追加されても後方互換性には影響がありません。このように、ECMAScriptでは機能を追加する際にも後方互換性を重視しているため、var自体の挙動は変更されませんでした。変数名に使える名前のルールここまででconst、let、varでの変数宣言とそれぞれの特徴について見てきました。どのキーワードにおいても宣言できる変数に利用できる名前のルールは同じです。このルールは変数の名前や関数の名前といったJavaScriptの識別子において共通するルールとなります。変数名の名前(識別子)には、次のルールがあります。半角のアルファベット、_(アンダースコア)、$(ダラー)、数字を組み合わせた名前にする変数名は数字から開始できない予約語と被る名前は利用できない変数の名前は、半角のアルファベットであるAからZ(大文字)とaからz(小文字)、_(アンダースコア)、$(ダラー)、数字の0から9を組み合わせた名前にします。JavaScriptでは、アルファベットの大文字と小文字は区別されます。これらに加えて、ひらがなや一部の漢字なども変数名に利用できますが、全角の文字列が混在すると環境によって扱いにくいこともあるためお勧めしません。一部の漢字や日本語も利用できる変数名に数字を含めることはできますが、変数名を数字から開始することはできません。これは変数名と数値が区別できなくなってしまうためです。数字のみで構成されているまた、予約語として定義されているキーワードは変数名には利用できません。予約語とは、varのように構文として意味を持つキーワードのことです。MDNで確認できますが、基本的には構文として利用される名前が予約されています。constは定数ではないconstは「再代入できない変数」を定義する変数宣言であり、必ずしも定数を定義するわけではありません。定数とは、一度定義した名前(変数名)が常に同じ値を示すものです。JavaScriptでも、const宣言によって定数に近い変数を定義できます。次のように、const宣言によって定義した変数を、変更できないプリミティブな値で初期化すれば、それは実質的に定数です。プリミティブな値とは、数値や文字列などオブジェクト以外のデータです(詳細は「データ型とリテラル」の章で解説します)。10;しかし、JavaScriptではオブジェクトなどもconst宣言できます。次のコードのように、オブジェクトという値そのものは、初期化したあとでも変更できます。(詳細は「オブジェクト」の章で解説します)。constには、変数名の命名規則はなく、代入できる値にも制限はありません。そのため、const宣言の特性として「再代入できない変数」を定義すると理解しておくのがよいでしょう。まとめこの章では、JavaScriptにおける変数宣言を行うキーワードとしてconst、let、varがあることについて学びました。constは、再代入できない変数を宣言できるletは、再代入ができる変数を宣言できるvarは、再代入ができる変数を宣言できるが、いくつかの問題が知られている変数の名前(識別子)には利用できる名前のルールがあるvarはほとんどすべてのケースでletやconstに置き換えが可能です。constは再代入できない変数を定義するキーワードです。再代入を禁止することで、ミスから発生するバグを減らすことが期待できます。このため変数を宣言する場合には、まずconstで定義できないかを検討し、できない場合はletを使うことを推奨しています。2015以前に予約語として定義されていたため、既存のコードと衝突する可能性はありませんでした。