Các loại liên kết TypeScript
Các loại liên kết được sử dụng khi một giá trị có thể có nhiều hơn một loại.
Chẳng hạn như khi thuộc tính là string
hoặc number
.
Liên minh | (HOẶC)
Sử dụng |
chúng tôi đang nói tham số của chúng tôi là một string
hoặc number
:
Ví dụ
function printStatusCode(code: string | number) {
console.log(`My status code is ${code}.`)
}
printStatusCode(404);
printStatusCode('404');
Hãy tự mình thử »Lỗi loại liên minh
Lưu ý: bạn cần biết loại của mình là gì khi sử dụng loại kết hợp để tránh lỗi loại:
Ví dụ
function printStatusCode(code: string | number) {
console.log(`My status code is ${code.toUpperCase()}.`) // error: Property 'toUpperCase' does not exist ontype 'string | number'.
Property 'toUpperCase' does not exist on type 'number'
}
Trong ví dụ của chúng tôi, chúng tôi đang gặp sự cố khi gọi toUpperCase()
vì đây là phương thức string
và number
không có quyền truy cập vào nó.