JavaScript:
コードを関数に整理する
方法:
// 長方形の面積を計算する関数を定義する
function calculateArea(width, height) {
return width * height;
}
// 関数を呼び出して結果を表示する
let area = calculateArea(5, 3);
console.log(area); // 出力: 15
// 関連する機能を関数を使用してグループ化する
function greet(name) {
console.log(`Hello, ${name}!`);
}
function farewell(name) {
console.log(`Goodbye, ${name}!`);
}
greet('Alice'); // 出力: Hello, Alice!
farewell('Bob'); // 出力: Goodbye, Bob!
掘り下げ
歴史的に、BASICやアセンブリの初期版のような命令型プログラミング言語は、関数が提供する抽象化を欠いていました。時間を経て、C言語などのモジュラーコードの概念が導入され、コードを単位(関数や手続き)に分解することで、より良い組織と明確なロジックが可能になりました。
JavaScriptでは、ES6(2015)以降、矢印関数を利用できるようになり、これはより簡潔な構文を提供し、メソッドでない関数に適しています。
JavaScriptでのコードの整理に関する代替手段や改善には、クラスを使用したオブジェクト指向アプローチ、または関数を第一級オブジェクトとして扱う関数型プログラミングのパラダイムがあります。
実装面では、JavaScriptの関数はクロージャをサポートしており、実行後に関数のスコープにアクセスし続ける方法を提供します。これはカプセル化やファクトリ関数の作成など、他のパターンにとっても強力です。
関連項目
- MDN Web Docsの関数について: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
- JavaScriptデザインパターン: https://addyosmani.com/resources/essentialjsdesignpatterns/book/
- クリーンコードJavaScript: https://github.com/ryanmcdermott/clean-code-javascript