#9 TypeScriptで学ぶ関数の基本
TypeScriptの関数は、JavaScriptの書き方に加えて、引数と戻り値の型を明示できるのが特徴です。この記事では、TypeScriptにおける関数の基本を解説します。
型を付けた関数
function add(a: number, b: number): number {
return a + b;
}
引数の後ろに型を書き、かっこの後ろに戻り値の型を書きます。
アロー関数でも型を付けられる
const add = (a: number, b: number): number => a + b;
戻り値の型は省略できる
TypeScriptには型推論があるため、戻り値の型は多くの場合省略できます。
function add(a: number, b: number) {
return a + b; // 戻り値の型はnumberと自動推論される
}
TypeScriptならではの注意点
引数に型を付けておくと、関数を呼び出す側で間違った型の値を渡そうとした際に、実行前の段階でエラーとして教えてもらえます。これは、JavaScriptでは実行するまで気づけなかった間違いを早期に発見できる、TypeScriptの大きな利点です。
まとめ
TypeScriptの関数はJavaScriptと同じ書き方に、型注釈が加わったものです。引数の型は明示し、戻り値の型は型推論に任せる、という使い分けがよく行われます。
本ページはプロモーションを含みます。
参考書籍(PR)
TypeScriptをもっと学びたい方には「プロを目指す人のためのTypeScript入門」がおすすめです。
コメント
コメントを投稿