デフォルト引数【typescript】 | 全国個人事業主支援協会

COLUMN コラム

デフォルト引数【typescript】

typescriptのデフォルト引数の書き方がたまにわからなくなるので備忘録として残しておきます。

JavaScriptのデフォルト引数は、引数の右に=とデフォルト値を書きます。

// 関数宣言
function 関数名(引数 = デフォルト値) {}
// アロー関数
(引数 = デフォルト値) => {};

TypeScriptで、型注釈とデフォルト引数の両方を書く場合は、型注釈のほうを先に書きます。

// 関数宣言
function 関数名(引数: 型 = デフォルト値) {}
// アロー関数
(引数: 型 = デフォルト値) => {};

参考：https://typescriptbook.jp/reference/functions/default-parameters

システムエンジニアをしています。フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。