Hàm được gõ

Hàm là khối xây dựng cơ bản của bất kỳ ứng dụng JavaScript nào. Trong TypeScript, chúng ta có thể chú thích chính xác cả đối số đầu vào và giá trị trả về, làm cho giao diện và lệnh gọi hàm của chúng ta cực kỳ an toàn và tự ghi lại.

Thông số tùy chọn và mặc định

Trong JavaScript, mọi tham số đều là tùy chọn và mặc định là undefined nếu bị bỏ qua. Trong TypeScript, theo mặc định, mọi tham số được khai báo đều là bắt buộc.

Tuy nhiên, chúng ta có thể xác định các tham số tùy chọn bằng dấu chấm hỏi (?) hoặc chỉ định các giá trị mặc định trực tiếp trong chữ ký hàm.

1. Thông số tùy chọn

Các tham số tùy chọn phải được đặt sau tất cả các tham số bắt buộc:

function greetUser(name: string, title?: string): string {
  if (title) {
    return `Good morning ${title} ${name}`;
  }
  return `Hello ${name}`;
}

2. Thông số mặc định

Nếu không có giá trị nào được cung cấp cho tham số có giá trị mặc định, TypeScript sẽ suy ra loại của nó và gán giá trị mặc định đã chỉ định:

function greetUserWithDefault(name: string, prefix: string = 'Hello'): string {
  return `${prefix} ${name}`;
}

Thông số nghỉ ngơi (...args)

Khi chúng ta muốn chấp nhận số lượng đối số thay đổi, chúng ta có thể sử dụng toán tử còn lại. Trong TypeScript, các tham số này phải được nhập dưới dạng mảng:

function sumAll(message: string, ...numbers: number[]): string {
  const total = numbers.reduce((sum, n) => sum + n, 0);
  return `${message} ${total}`;
}

Các loại chức năng (Chữ ký cuộc gọi)

Chúng ta có thể định nghĩa kiểu của hàm một cách độc lập và sau đó sử dụng lại nó trong các khai báo biến hoặc đối số gọi lại:

// Define function type using type alias
type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (x, y) => x + y;
const multiply: MathOperation = (x, y) => x * y;

Cách tiếp cận này rất cần thiết khi truyền các hàm làm đối số cho các hàm khác (gọi lại).

Hãy tự mình thử

Bài tập 1: Tham số tùy chọn

Bài tập 2: Tham số mặc định

Bài tập 3: Chữ ký hàm

Bài 4: Hàm gọi lại