Tuyên bố và sáp nhập

Các tệp khai báo loại (có phần mở rộng .d.ts) được sử dụng trong TypeScript để mô tả hình dạng của mã JavaScript hiện có mà không triển khai bất kỳ logic thực tế nào. Chúng chỉ chứa các định nghĩa kiểu, giao diện và chữ ký hàm.

Những tệp này rất cần thiết khi sử dụng thư viện của bên thứ ba được viết bằng JavaScript thuần túy.

Tuyên bố sáp nhập

Hợp nhất khai báo là một hành vi trong đó trình biên dịch hợp nhất hai hoặc nhiều khai báo riêng biệt được khai báo có cùng tên thành một định nghĩa duy nhất.

Trường hợp phổ biến nhất là hợp nhất giao diện:

interface User {
  name: string;
}

interface User {
  age: number;
}

// The resulting User interface has both name and age properties!
const student: User = {
  name: 'Alice',
  age: 23,
};

Nếu các thuộc tính có cùng tên thì chúng phải cùng loại, nếu không TypeScript sẽ báo lỗi.

Sửa đổi các mô-đun toàn cầu và bên ngoài

Chúng ta có thể sử dụng việc hợp nhất khai báo để mở rộng các giao diện được xác định trong các mô-đun khác hoặc trong phạm vi toàn cục.

Ví dụ: nếu chúng ta muốn thêm một thuộc tính vào đối tượng window toàn cầu của trình duyệt:

declare global {
  interface Window {
    analyticsToken: string;
  }
}

Bằng cách sử dụng declare global, chúng tôi thông báo cho TypeScript rằng chúng tôi đang đưa chữ ký mới vào giao diện Window toàn cầu hiện có.

Hãy tự mình thử

Bài tập 1: Hợp nhất khai báo cơ bản

Bài tập 2: Mở rộng giao diện cửa sổ toàn cầu