上級

デフォルト引数はnullには適用されない（undefinedのときだけ）

関数のデフォルト引数は、渡された値が厳密にundefinedのときだけ使われます。nullを渡すと「値が無い」という意図があっても、nullがそのまま使われてデフォルト値は適用されません。

なぜエラーが出ないのか

出力: Hi null

（エラーなし）

JavaScriptは何も報告しません。文法として正しいためです

出力: Hi null

実際の挙動 — 期待した結果と食い違っている箇所

見つけ方

エラーが出ないので、出力を目で確かめるか、コードを目で追うしかありません。この種の誤りが最も発見が遅れます

このエラーが出る典型パターン

 1  function greet(name = "Guest") {
 2    return "Hi " + name;
 3  }
 4  console.log(greet(null     ));
                          ^

 1  function createUser(role = "guest") {
 2    return role;
 3  }
 4  console.log(createUser(null     ));
                               ^

 1  function connect(timeout = 3000) {
 2    return timeout;
 3  }
 4  console.log(connect(null     ));
                            ^

よくある誤解

「nullもundefinedも空っぽを表すから同じように扱われるはず」という思い込みは誤りです。デフォルト引数の判定はundefinedとの厳密な比較で行われるため、nullは「値が渡された」とみなされます。

まとめ

デフォルト引数はnullには適用されない（undefinedのときだけ）は上級でつまずきやすい項目です。上の3パターンを実際に手で直すと、エラーメッセージのどこを読めばよいかが掴めます。

演習をはじめる

関連するエラー

• ReferenceError: x is not defined の原因と直し方存在しない変数・関数名を参照したときに出るエラーです。
• typeof null === 'object' の罠typeof演算子はnullに対して"object"を返します。