Làm thế nào để type hàm, bao gồm tham số optional và default?

Question

IT Interview Practice · Accepted Answer

Bạn type các tham số và giá trị trả về, và TypeScript hỗ trợ tham số optional, default và rest.

```ts
// cơ bản
function add(a: number, b: number): number { return a + b; }

// tham số optional (?) — phải đứng sau các tham số bắt buộc
function greet(name: string, title?: string): string {
  return title ? `${title} ${name}` : name; // title là string | undefined
}

// tham số default — ngầm hiểu là optional
function inc(n: number, by: number = 1): number { return n + by; }

// tham số rest — được type là một mảng
function sum(...nums: number[]): number {
  return nums.reduce((a, n) => a + n, 0);
}
```

## Function type expression

Bạn có thể mô tả *chữ ký* của một hàm dưới dạng type — hữu ích cho callback và biến chứa hàm:

```ts
type BinaryOp = (a: number, b: number) => number;
const multiply: BinaryOp = (a, b) => a * b; // tham số được infer từ BinaryOp

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

## Overload (nhiều chữ ký)

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

## Tại sao điều này quan trọng

Type hàm một cách chính xác là cốt lõi giá trị của TypeScript — nơi gọi hàm được kiểm tra đối số và biết kiểu trả về, tham số optional/default mô hình hóa sự linh hoạt trong thực tế, và các function type alias làm cho code bậc cao (callback, event handler, middleware) tự diễn giải và an toàn.

Function type expression

Overload (nhiều chữ ký)

Tại sao điều này quan trọng

Câu hỏi liên quan