【JS応用|初心者向け】プログラミングの「関数」を「魔法の箱」で理解しよう

プログラミングを始めたばかりの頃、多くの人が最初につまずくのが「関数」という概念です。難しそうな名前に聞こえますが、実は日常生活の身近なところにヒントが隠されています。

関数とは「材料を入れると完成品が出てくる箱」

関数を理解する一番の近道は、それを「魔法の箱」だと想像することです。例えば「ミキサー」を思い浮かべてください。ミキサーに「フルーツ」と「牛乳」を入れると、ボタンを押すだけで「ミックスジュース」が完成しますよね。

プログラミングにおける関数もこれと同じです。
・材料(引数:ひきすう)を入れる
・箱の中で処理を行う
・完成品(戻り値:もどりち)が出てくる

この流れさえ覚えておけば、コードを見たときに「ああ、今この箱に材料を入れているんだな」と直感的に理解できるようになります。

なぜ関数を使う必要があるの?

「わざわざ箱に入れなくても、そのまま書けばいいのでは?」と思うかもしれません。しかし、同じ作業を何度も行う場合、関数を使わないと大変なことになります。

例えば、Webサイトのあちこちで「挨拶を表示する」機能を作るとします。関数を使わなければ、何十行ものコードをコピペすることになり、もし挨拶の文言を変えたくなったとき、すべての場所を修正しなければなりません。

しかし、関数にしておけば、その「箱の中身」を1箇所書き換えるだけで、サイト全体の表示が一気に変わります。これが関数の最大のメリットである「再利用性」と「保守性」です。

具体的なコードのイメージ

JavaScriptを例に見てみましょう。

function makeJuice(fruit) {
return fruit + “ジュースができました!”;
}

このコードは、「果物を受け取って、完成品のメッセージを返す」というシンプルな箱です。使うときは、makeJuice(“いちご”) と呼び出すだけで、いちごジュースのメッセージが手に入ります。

まずは「名前」にこだわってみよう

初心者の方が関数を書く際、ぜひ意識してほしいのが「その関数が何をする箱なのか」を名前に込めることです。

「a」や「test」といった名前ではなく、「calculateTotal(合計を計算する)」「formatDate(日付を整える)」のように、英語の動詞を組み合わせるのがプロの現場の作法です。名前を見るだけで中身が想像できるコードは、未来の自分やチームメンバーを助ける最高の設計図になります。

関数は、複雑なプログラムを小さな部品に分解して整理するための「整理整頓術」です。まずは難しく考えず、身の回りの動作を「箱」にする練習から始めてみてください。きっと、コードを書くことがパズルを組み立てるような楽しさに変わるはずですよ。

タイトルとURLをコピーしました