Bí danh và giao diện loại TypeScript
TypeScript cho phép các kiểu được xác định riêng biệt với các biến sử dụng chúng.
Bí danh và Giao diện cho phép các loại dễ dàng được chia sẻ giữa các biến/đối tượng khác nhau.
Nhập bí danh
Bí danh loại cho phép xác định loại bằng tên tùy chỉnh (Bí danh).
Bí danh kiểu có thể được sử dụng cho các kiểu nguyên thủy như string
hoặc các kiểu phức tạp hơn như objects
và arrays
:
Ví dụ
type CarYear = number
type CarType = string
type CarModel = string
type Car = {
year: CarYear,
type: CarType,
model: CarModel
}
const carYear: CarYear = 2001
const carType: CarType = "Toyota"
const carModel: CarModel = "Corolla"
const car: Car = {
year: carYear,
type: carType,
model: carModel
};
Hãy tự mình thử »Giao diện
Giao diện tương tự như bí danh loại, ngoại trừ chúng chỉ áp dụng cho loại object
.
Ví dụ
interface Rectangle {
height: number,
width: number
}
const rectangle: Rectangle = {
height: 20,
width: 10
};
Hãy tự mình thử » Được chứng nhận!
$45 ĐĂNG KÝ
Giao diện mở rộng
Các giao diện có thể mở rộng định nghĩa của nhau.
Mở rộng giao diện có nghĩa là bạn đang tạo một giao diện mới có cùng thuộc tính với giao diện gốc, cộng thêm một số tính năng mới.
Ví dụ
interface Rectangle {
height: number,
width: number
}
interface ColoredRectangle extends Rectangle {
color: string
}
const coloredRectangle: ColoredRectangle = {
height: 20,
width: 10,
color: "red"
};
Hãy tự mình thử »