พารามิเตอร์เสริมและค่าเริ่มต้น

ยินดีต้อนรับ

พารามิเตอร์แบบไม่บังคับด้วย ?

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
}

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน