Javascript/デザインパターン/Clean Code/Function arguments の変更点

[ トップ ] [ 差分 | バックアップ | リロード ] [ 一覧 | 検索 | 最終更新 | ヘルプ ]

追加された行はこの色です。
削除された行はこの色です。
Javascript/デザインパターン/Clean Code/Function arguments へ行く。

#author("2022-07-26T02:31:55+09:00","","")
[[Javascript/デザインパターン]]

* Javascript/デザインパターン/Clean Code/Function arguments [#g1b85a10]

関数の引数は少ない方がいいが、多い場合は、オブジェクトを引数にするとよい。

 function printPerson(name, age, blood) {
   console.log(`name : ${name}`);
   console.log(`age  : ${age}`);
   console.log(`blood: ${blood}`);
 }
 printPerson("taro", 23, "A");

↓

 function printPerson({name, age, blood}) {
   console.log(`name : ${name}`);
   console.log(`age  : ${age}`);
   console.log(`blood: ${blood}`);
 }
 // ↓名前付きでパラメータが明確。
 printPerson({ age: 23, name : "taro", blood : "A"});