オプションパラメーターとデフォルトパラメーター

ようこそ

?による省略可能なパラメーター

function greet(name: string, greeting?: string): string {
  return (greeting ?? 'Hello') + ', ' + name;
}

デフォルトパラメーター値

function greet(name: string, greeting: string = 'Hello'): string {
  return greeting + ', ' + name;
}
greet('Alice');         // 'Hello, Alice'
greet('Bob', 'Hi');    // 'Hi, Bob'

省略可能なパラメーターとデフォルト値の違い

function opt(x?: number) { return x; }     // x: number | undefined
function def(x: number = 0) { return x; }  // x: number

配置ルール

// Correct order
function create(name: string, role: string = 'user', active?: boolean) {}

// Error: required after optional
// function bad(x?: string, y: string) {}

undefinedを明示的に渡して呼び出す

function log(msg: string, level: string = 'info') { console.log(level, msg); }
log('test', undefined); // level is 'info'

省略可能なパラメーターとオーバーロード

オブジェクトパラメーターのデフォルト値

function connect({ host = 'localhost', port = 5432 } = {}) {
  return `${host}:${port}`;
}

配列パラメーターのデフォルト値

function joinAll(parts: string[], sep: string = ', '): string {
  return parts.join(sep);
}

呼び出し元でのオプショナルチェーン

interface Config { onReady?: () => void; }
function init(config: Config) {
  config.onReady?.();
}

関数内での省略可能なパラメーターの型

function process(id?: number) {
  if (id === undefined) return;
  console.log(id * 2); // id is number here
}

クイックチェック

まとめ