TypeScript:
コードを関数に整理する
方法:
基本的な電卓を作成すると想像してみてください。加算ロジックを必要とする場所ごとに書く代わりに、add
関数を作成します:
function add(x: number, y: number): number {
return x + y;
}
console.log(add(5, 7)); // サンプル出力: 12
次に、乗算のための関数が必要だとしましょう:
function multiply(x: number, y: number): number {
return x * y;
}
console.log(multiply(3, 4)); // サンプル出力: 12
関数ごとに1つのタスクに焦点を当てていることに気が付きますか?それがコードを整理することの核心です。
深堀り
歴史的に、プログラミング言語が進化するにつれて、関数は数学の関数から引き出され、コードを構造化する上で不可欠となりました。それらは手続き型プログラミングにおいて基本となり、オブジェクト指向および関数型プログラミングのパラダイムにて生き続けています。
代替策?関数を使わないこともできますが、それはスパゲッティタウンへの片道切符です。または、OOP(オブジェクト指向プログラミング)に進み、機能性をメソッドにパックすることもできます―これらは基本的にオブジェクトに属する関数です。
実装に関して、TypeScriptは型にこだわります。関数の入出力の型を定義することは、単なる良識ではなく、クリーンなTypeScriptコードには必須です。さらに、TypeScriptを使うことで、オーバーロード、ジェネリクス、オプショナルパラメータといった便利な機能を使って関数を強化できます。
関連情報
関数のスキルをレベルアップするために、これらのリソースをチェックしてください:
- TypeScript ハンドブック – 関数: TypeScript関数のためのあなたのバイブル。
- クリーンコード JavaScript: JavaScript関数にクリーンコードの原則を適用します。
- You Don’t Know JS – スコープ & クロージャ: JavaScriptにおけるスコープとクロージャと共に関数がどのように機能するかを把握します。