関数
処理の共通化
次のコードを見てください。
let sum1To10 = 0;
for (let i = 1; i <= 10; i++) {
sum1To10 += i;
}
document.write(`<p>1から10の和は${sum1To10}です。</p>`);
let sum6To18 = 0;
for (let i = 6; i <= 8; i++) {
sum6To18 += i;
}
document.write(`<p>6から18の和は${sum6To18}です。</p>`);
注記
+=
は加算代入演算子で、左辺の変数に右辺の式の値を加えます。式自体の評価結果は加算後の変数の値です。`
(バッククォート)はテンプレートリテラルと呼ばれ、文字列中の${
から}
に囲まれた部分を JavaScript の式として評価して文字列中に展開します。
見ての通り、1 ~ 10、6 ~ 18、それぞれの和を計算して表示するプログラムです。しかしながら、前半と後半で重複する部分が多く、無駄な感じがします。
ヒント
情報の重複を許さないというルールはDRY 原則(Don't Repeat Yourself)と呼ばれ、高品質な製品を実現するための基本的な枠組みとなっています。
純粋な関数
関数