คุณกำหนด type ให้ฟังก์ชันอย่างไร รวมถึง optional parameter และ default parameter?

Question

IT Interview Practice · Accepted Answer

คุณกำหนด type ให้กับ parameter และค่าที่คืนกลับ และ TypeScript รองรับ optional, default และ rest parameter

```ts
// basic
function add(a: number, b: number): number { return a + b; }

// optional parameter (?) — must come after required ones
function greet(name: string, title?: string): string {
  return title ? `${title} ${name}` : name; // title is string | undefined
}

// default parameter — implies optional
function inc(n: number, by: number = 1): number { return n + by; }

// rest parameter — typed as an array
function sum(...nums: number[]): number {
  return nums.reduce((a, n) => a + n, 0);
}
```

## Function type expression

คุณสามารถอธิบาย *signature* ของฟังก์ชันให้เป็น type ได้ ซึ่งมีประโยชน์สำหรับ callback และตัวแปรที่เก็บฟังก์ชันไว้:

```ts
type BinaryOp = (a: number, b: number) => number;
const multiply: BinaryOp = (a, b) => a * b; // params inferred from BinaryOp

// callback parameter
function apply(op: (x: number) => number, val: number) { return op(val); }
```

## Overload (หลาย signature)

```ts
function parse(x: string): number;
function parse(x: number): string;
function parse(x: any): any { return typeof x === "string" ? +x : String(x); }
```

## ทำไมจึงสำคัญ

การกำหนด type ให้ฟังก์ชันอย่างแม่นยำคือแก่นของคุณค่าที่ TypeScript มอบให้ ผู้เรียกใช้จะได้รับ argument ที่ถูกตรวจสอบและรู้ type ของค่าที่คืนกลับ optional/default param ช่วยจำลองความยืดหยุ่นในโลกจริง และ type alias ของฟังก์ชันทำให้โค้ดลำดับสูง (callback, event handler, middleware) อธิบายตัวเองได้และปลอดภัย

Function type expression

Overload (หลาย signature)

ทำไมจึงสำคัญ

คำถามที่เกี่ยวข้อง