JavaScriptのコードを関数を使って共通化する

2020/10/05 11:52

JavaScriptのユーザー定義関数を通し、処理を共通化することのメリットや関数化する際のコツについてわかりやすい動画で解説しています。ユーザー定義関数の文法的な理解の先へ学びを進めるのにお役立ていただけますと幸いです。15分程の動画です。

コピペの課題

プログラムを書いていると似たような処理をさせたいことが数多く出てきます。そういう際に一度書いた内容をコピー・アンド・ペースト(コピペ)したい衝動にかられるかもしれません。ですが、以下のような2点のような大きなデメリットがあります。

  • ほぼ同じコードをコピペで貼ってしまうと、同じようなコードが重複して可読性が悪い
  • 今後変更が発生する際に複数箇所を直さないといけないのでメンテナンス性が悪い

関数抽出のメリット

  • コピペで起きるようなコード重複を回避することができる。
  • メンテナンス性が向上する。
  • 処理に名前をつけることができるので、名称から処理の内容を推察することができます。

最初のうちはある程度見通しの良い小さな単位を関数にしてみるところから始めると良さそうです。

この記事を書いた人

佐藤 正志

サークルアラウンド株式会社 代表取締役