Head First JavaScriptプログラミング、第2版

第3章. 関数を導入する関数を使いこなす

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

最初の超能力に備えようプログラミングはある程度できるようになったので、次は関数を使って本格的に物事を進める番だ。関数を使えば、さまざまな状況に適用できるコード、何度でも再利用できるコード、より管理しやすいコード、 抽象化できるコード、シンプルな名前を付けられるコードなどを書くことができる。関数がスクリプターからプログラマへのゲートウェイであるだけでなく、JavaScriptプログラミングスタイルの鍵であることを発見するだろう。この章では、まず基本的なこと、つまり関数が実際にどのように機能するのか、その仕組みや裏側について説明する。では、さっそく基礎を固めていこう。

注

これについては、本書を読み進める中で詳しく説明する。

鉛筆を削る

下のコードを少し分析してみよう。どう見えるか？ページの下にある選択肢の中から選ぶか、独自の分析を書き込もう。

let dogName = "rover";
let dogWeight = 23;
if (dogWeight > 20) {
   console.log(dogName + " says WOOF WOOF");
} else {
   console.log(dogName + " says woof woof");
}
dogName = "spot";
dogWeight = 13;
if (dogWeight > 20) {
   console.log(dogName + " says WOOF WOOF");
} else {
   console.log(dogName + " says woof woof");
}
dogName = "spike";
dogWeight = 53;
if (dogWeight > 20) {
   console.log(dogName + " says WOOF WOOF");
} else {
   console.log(dogName + " says woof woof");
}
dogName = "lady";
dogWeight = 17;
if (dogWeight > 20) {
   console.log(dogName + " says WOOF WOOF");
} else {
   console.log(dogName + " says woof woof");
}

A. コードは非常に冗長性がある。

B. 出力の表示を変更したり、犬用の重みを追加したい場合は、かなりの手直しが必要になる。

C. 入力が面倒そうだ！

D. これまで見た中で最も読みやすいコードではない。 ...