Câu hỏi

Interface trong Typescript là gì?

Câu trả lời

Interface trong typescript cho phép bạn định nghĩa thuộc tính là gì và phương thức là gì mà đối tượng cần để được thực thi (implement). Nếu đối tượng tuân thủ đúng khuôn mẫu interface thì đối tượng đã implement interface ấy sẽ được thi hành đúng. Nếu interface không được thi hành đúng đắn thì typescript sẽ phát sinh lỗi ngay lập tức. Để rõ hơn, bạn hãy xem những ví dụ và giải thích dưới đây:

function printLabel(labelObj: { label: string, size: number }) {
  console.log("Label: " + labelObj.label + " - Size: " + labelObj.size);
}
let _object = { size: 10, label: "Size 10 Object", _size: 1000 };
printLabel(_object);

Đây là một ví dụ không sử dụng interface. Chương trình sẽ tiến hành gọi hàm printLabel. Hàm printLabel sẽ yêu cầu hai tham số là labelsize. Hàm sẽ yêu cầu label là kiểu stringsize là kiểu number. Nếu bạn truyền sai kiểu, hàm sẽ không chạy được. Nhưng lưu ý rằng đối tượng object truyền vào có thể có nhiều thuộc tính nhưng trình biên dịch chỉ kiểm tra hai thuộc tính size và label mà hàm printLabel yêu cầu

Interface trong Typescript là gì

Dưới đây, bạn có thể tạo lại một hàm như trên sử dụng interface. Interface mô tả yêu cầu hai thuộc tính labelsize:
...

Bạn cần đăng nhập để xem
junior

junior

Gợi ý câu hỏi phỏng vấn

senior

Biểu thức import động trong TypeScript là gì?

senior

Tại sao từ khóa infer lại cần thiết trong TypeScript?

entry

TypeScript là gì và tại sao chúng ta cần nó?

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào