พารามิเตอร์ส่วนที่เหลือและการกระจายพร้อมชนิด

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

การกำหนดชนิดให้พารามิเตอร์แบบรวบอาร์กิวเมนต์ที่เหลือ

function sum(...nums: number[]): number {
  return nums.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

พารามิเตอร์แบบรวบอาร์กิวเมนต์ที่เหลือหลังพารามิเตอร์ที่จำเป็น

function log(level: string, ...messages: string[]): void {
  console.log(level, messages.join(' '));
}
log('INFO', 'Server', 'started', 'on', 'port', '3000');

การกระจายอาร์เรย์ไปยังฟังก์ชัน

function add(a: number, b: number): number { return a + b; }
const args: [number, number] = [1, 2];
add(...args); // OK — tuple spread is type-safe

การกระจายอาร์เรย์ทั่วไป

const nums = [1, 2]; // number[] — length unknown
// add(...nums); // Error: spread must match parameters
const pair: [number, number] = [1, 2];
add(...pair); // OK — tuple has known length

พารามิเตอร์แบบรวบอาร์กิวเมนต์ที่เหลือเทียบกับออบเจ็กต์ arguments

การกระจายออบเจ็กต์ (ไม่ใช่พารามิเตอร์แบบรวบอาร์กิวเมนต์ที่เหลือ)

const a = { x: 1, y: 2 };
const b = { z: 3 };
const c = { ...a, ...b }; // { x: number; y: number; z: number }

การแทนที่พร็อพเพอร์ตีด้วยการกระจาย

const base = { color: 'red', size: 5 };
const updated = { ...base, color: 'blue' };
// { color: 'blue', size: 5 }

การกระจายอาร์เรย์ที่มีชนิด

const a: number[] = [1, 2];
const b: number[] = [3, 4];
const c: number[] = [...a, ...b]; // [1, 2, 3, 4]

ส่วนที่เหลือของทูเพิลแบบจำนวนสมาชิกแปรผัน

type Strings = string[];
type StringsAndNumber = [...Strings, number];
const t: StringsAndNumber = ['a', 'b', 42];

ส่วนที่เหลือในการแยกโครงสร้าง

const [first, ...rest]: number[] = [1, 2, 3, 4];
// first: number, rest: number[]

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

สรุปทบทวน