変数：let と const

変数は値につける名前です。let score = 10 と書くと、別の値を入れるまで score という語は 10 を表します。

値に名前をつけて何度も使う

ここまでの値は、どれも console.log に直接書きこんで、それきり忘れていました。実際のプログラムは物事を覚えておく必要があります。プレイヤーの得点、かごに入った商品、だれかが入力した名前などです。変数は、値を入れておく名前つきの箱です。一度作れば、その値が必要な場所でいつでも名前を使えます。

let score = 10;
console.log(score);        // 10
console.log(score + 5);    // 15

let score = 10; という行は二つのことをしています。キーワード let が score という新しい変数を宣言し、= 10 がそこに値 10 を入れます。ここでの等号は、数学のような「等しい」という意味ではありません。「右側の値を左側の名前に入れる」という意味です。プログラマーはこれを代入と呼びます。あとで score が引用符なしで出てくると、JavaScript は箱を探して、中の値を使います。

let で値を変える

let で宣言した変数には、あとで新しい値を入れられます。名前、等号、新しい値の順に書きます。変数はもうあるので、今度は let をつけません。

let score = 10;
score = 25;
console.log(score);        // 25
score = score + 5;
console.log(score);        // 30

score = score + 5; という行は数学としてはありえませんが、命令として読めば意味が通ります。JavaScript はまず右側、つまり今の score に 5 を足した値を評価し、30 を得ます。そして 30 を score に入れ直します。古い値は消えます。変数を読み、更新した値をそこに入れ直すこのパターンで、プログラムは数を数え、合計を出し、変わっていくものを追いかけます。

変わらない値には const

キーワード const も変数を宣言しますが、すぐに値を入れなければならず、あとから新しい値を代入することはできません。代入しようとすると、プログラムは TypeError: Assignment to constant variable で止まります。このエラーは役に立ちます。一週間の日数や税率のように変わるはずのない値を const で宣言しておけば、プログラムのほかの場所のまちがいで、その値が気づかないうちに上書きされることはありません。

const daysInWeek = 7;
console.log(daysInWeek * 4);   // 28
// daysInWeek = 8;  と書くと TypeError で止まる

多くのスタイルガイドがすすめるよい習慣は、ふだんは const を使い、値が変わるとわかっているときだけ let に切りかえることです。Web 上のコードでは、古いキーワード var を見かけることもあります。今でも動きますが、規則がゆるく、思いがけないバグの原因になるので、このコースでは let と const だけを使います。

名前の決まり

変数名には文字、数字、アンダースコア _、ドル記号 $ を使えますが、数字で始めることはできず、空白も入れられません。ですから total2 はよくても 2total はだめです。名前は大文字と小文字を区別するので、score と Score は別の変数です。let、const、if、for などいくつかの語は言語が予約しているので、名前には使えません。いくつかの語を組み合わせた名前は、JavaScript のプログラマーはふつうキャメルケースで書きます。最初の語は小文字にし、二つ目からの語は大文字で始めます。totalPrice や daysInWeek のようにです。値の意味がわかる名前を選びましょう。読む人にとって、price は x よりずっと多くのことを伝えます。

宣言だけで空のとき、早く使いすぎたとき

値をつけずに let answer; と書くと、変数はできますが、何かを代入するまでは undefined が入っています。let や const の変数を、宣言より上の行で使うとエラーになります。ReferenceError: Cannot access 'answer' before initialization です。一度も宣言していない名前を使うと ReferenceError: answer is not defined になります。どちらのメッセージも、実際にすることは同じです。つづりを確かめ、宣言が先にあるかを確かめましょう。