Cập nhật 2019
Các câu trả lời hiện tại và các tài liệu chính thức đã lỗi thời. Và đối với những người mới sử dụng TypeScript, thuật ngữ được sử dụng không rõ ràng nếu không có ví dụ. Dưới đây là danh sách các sự khác biệt cập nhật.
1. Đối tượng / Chức năng
Cả hai có thể được sử dụng để mô tả hình dạng của một đối tượng hoặc chữ ký hàm. Nhưng cú pháp khác nhau.
Giao diện
interface Point {
x: number;
y: number;
}
interface SetPoint {
(x: number, y: number): void;
}
Nhập bí danh
type Point = {
x: number;
y: number;
};
type SetPoint = (x: number, y: number) => void;
2. Các loại khác
Không giống như một giao diện, bí danh loại cũng có thể được sử dụng cho các loại khác như nguyên thủy, đoàn thể và bộ dữ liệu.
// primitive
type Name = string;
// object
type PartialPointX = { x: number; };
type PartialPointY = { y: number; };
// union
type PartialPoint = PartialPointX | PartialPointY;
// tuple
type Data = [number, string];
3. Mở rộng
Cả hai có thể được mở rộng, nhưng một lần nữa, cú pháp khác nhau. Ngoài ra, lưu ý rằng một giao diện và loại bí danh không loại trừ lẫn nhau. Một giao diện có thể mở rộng một bí danh loại và ngược lại.
Giao diện mở rộng giao diện
interface PartialPointX { x: number; }
interface Point extends PartialPointX { y: number; }
Loại bí danh mở rộng loại bí danh
type PartialPointX = { x: number; };
type Point = PartialPointX & { y: number; };
Giao diện mở rộng bí danh
type PartialPointX = { x: number; };
interface Point extends PartialPointX { y: number; }
Loại bí danh mở rộng giao diện
interface PartialPointX { x: number; }
type Point = PartialPointX & { y: number; };
4. Thực hiện
Một lớp có thể thực hiện một giao diện hoặc nhập bí danh, cả hai theo cùng một cách chính xác. Tuy nhiên, lưu ý rằng một lớp và giao diện được coi là bản thiết kế tĩnh. Do đó, họ không thể thực hiện / mở rộng một bí danh loại đặt tên cho loại kết hợp.
interface Point {
x: number;
y: number;
}
class SomePoint implements Point {
x = 1;
y = 2;
}
type Point2 = {
x: number;
y: number;
};
class SomePoint2 implements Point2 {
x = 1;
y = 2;
}
type PartialPoint = { x: number; } | { y: number; };
// FIXME: can not implement a union type
class SomePartialPoint implements PartialPoint {
x = 1;
y = 2;
}
5. Tuyên bố sáp nhập
Không giống như một bí danh loại, một giao diện có thể được xác định nhiều lần và sẽ được coi là một giao diện duy nhất (với các thành viên của tất cả các khai báo được hợp nhất).
// These two declarations become:
// interface Point { x: number; y: number; }
interface Point { x: number; }
interface Point { y: number; }
const point: Point = { x: 1, y: 2 };
