#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入門」がおすすめです。

コメント

このブログの人気の投稿

#11 Rustで学ぶエラーハンドリングの基本

#16 TypeScriptで学ぶ辞書型(マップ)の基本

#19 Goで学ぶテスト(単体テスト)の基本