선택적 및 기본 매개변수

환영합니다

?를 사용한 선택적 매개변수

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
}

빠른 확인

복습