変数を使う理由

01 / 06

直接書くと何がつらいか

同じ値を何度も直接書くと、あとで変えたいときに全部探して直すことになる。1か所でも直し忘れたらバグだよ。

変数にしておけば、直すのは1か所だけ。

let price = 300;console.log(price * 2);console.log(price * 5);

実行結果

600
1500

02 / 06

console.log(300 * 8) を見ても何の計算か分からない。でも price * count なら読んだだけで意味が分かる。

コードは書く時間より読む時間のほうが長い。名前は未来の自分へのメモだよ。

let price = 300;let count = 8;console.log(price * count);

実行結果

03 / 06

変数に入れるのは、書いた値だけじゃない。計算した結果もそのまま入れられる。

途中の結果に名前をつけると、長い式を分けて書けるようになるよ。

let price = 300;let count = 8;let total = price * count;console.log(total);

実行結果

04 / 06

変数の中身を使って、また別の変数を作れる。

こうやって小さく分けて積み上げるのが、読みやすいコードの書き方だよ。

let price = 300;let count = 8;let total = price * count;let tax = total / 10;console.log(total + tax);

実行結果

05 / 06

変数のいちばんのありがたみは、値を変えたときに全部が追従すること。

下のコードで price を 400 に変えると、合計も税も自動で計算し直される。直接書いていたら、3か所を手で直すことになるよ。

let price = 300;let count = 8;let total = price * count;console.log(total);console.log(total / 10);

実行結果

2400
240

06 / 06

名前は中身が何かを言い当てるものにしよう。

短さより分かりやすさが優先だよ。長くなってもいいので、三日後の自分が読んで分かる名前をつけよう。

let a = 300;let price = 300;console.log(a * 8);console.log(price * 8);

実行結果

2400
2400