Sự khác nhau giữa "lớp khai báo" và "giao diện" trong TypeScript

Question

Trong TypeScript, khi tạo tệp khai báo nguồn .d.ts, cái nào là thích hợp hơn và tại sao?

declare class Example { 
    public Method(): void; 
} 

hoặc

interface Example { 
    Method(): void; 
} 

Sự khác biệt mà tôi có thể nói là rằng giao diện không thể có phương pháp tĩnh, vì vậy bạn phải sử dụng một lớp cho điều đó. Cả hai không sản xuất bất kỳ đầu ra JS, vì vậy có lẽ nó không quan trọng?

Answer 1

interface là khi bạn chỉ muốn mô tả hình dạng của một đối tượng. Không có thế hệ mã, bao giờ hết, đối với các giao diện - chúng chỉ là một tạo phẩm trong hệ thống kiểu. Bạn sẽ thấy không có sự khác biệt trong việc tạo mã cho một lớp tùy thuộc vào việc nó có mệnh đề là implements hay không.

declare class là khi bạn muốn mô tả một hiện lớp (thường là một lớp nguyên cảo, nhưng không phải luôn luôn) có nghĩa là sẽ được bên ngoài hiện tại (ví dụ, bạn có hai .ts file biên dịch để hai .js các tệp và cả hai được bao gồm qua các thẻ script trong một trang web). Nếu bạn kế thừa từ một số class sử dụng extends (bất kể loại cơ sở là declare class hoặc class thường xuyên) thì trình biên dịch sẽ tạo tất cả mã để móc chuỗi nguyên mẫu và trình tạo chuyển tiếp và những gì không.

Nếu bạn cố gắng kế thừa từ một số declare class mà lẽ ra phải là một giao diện, bạn sẽ gặp lỗi thời gian chạy vì mã được tạo ra đó sẽ đề cập đến một đối tượng không có biểu hiện thời gian chạy.

Ngược lại, nếu bạn chỉ đơn giản là implement một giao diện phải là declare class, bạn sẽ phải tự mình thực hiện lại tất cả các thành viên và sẽ không tận dụng bất kỳ mã nào sử dụng lại từ là lớp cơ sở và các hàm kiểm tra chuỗi nguyên mẫu khi chạy sẽ từ chối đối tượng của bạn vì không thực sự là một thể hiện của lớp cơ sở.

Để có được thực sự Nerdy, nếu bạn có một ++ nền C, bạn gần như có thể nghĩ về interface như typedef và declare class như một lời tuyên bố extern của một nhà xây dựng mà thiếu chặt chẽ một định nghĩa trong đơn vị biên dịch này.

Từ một mặt tiêu thụ thuần túy (viết mã bắt buộc, không thêm loại mới), khác biệt duy nhất giữa interface và declare class là bạn không thể new giao diện. Tuy nhiên, nếu bạn dự định extend/implement một trong các loại này trong một số class mới, bạn hoàn toàn phải chọn chính xác giữa interface và declare class. Chỉ một trong số họ sẽ làm việc.

Hai quy tắc đó sẽ phục vụ bạn tốt:

• là tên của loại xếp thẳng với một hàm constructor (một cái gì đó invokable với new) đó là thực hiện trong thời gian chạy (ví dụ Date, nhưng JQueryStatic không phải là) ? Nếu no, bạn chắc chắn muốn interface
• Tôi có đang xử lý một lớp được biên dịch từ một tệp TypeScript khác hoặc một thứ tương tự đủ không? Nếu có, sử dụng declare class

Answer 2

Bạn có thể thực hiện các giao diện:

class MyClass implements Example { 
    Method() { 

    } 
} 

Trong khi cú pháp declare class thực sự dự định sẽ được sử dụng để thêm định nghĩa kiểu cho mã bên ngoài mà không được viết bằng nguyên cảo - vì vậy việc thực hiện là "nơi khác".

Answer 3

Trong điều khoản của layman, declare được sử dụng trong .ts/d.ts tập tin để nói với trình biên dịch rằng chúng ta nên mong đợi từ khóa chúng tôi declaring để tồn tại trong môi trường đó, ngay cả khi nó không phải là được xác định trong tệp hiện tại. Điều này sau đó sẽ cho phép chúng ta có an toàn kiểu khi sử dụng đối tượng đã khai báo, vì trình biên dịch Typescript bây giờ biết rằng một số thành phần khác có thể cung cấp biến đó.