Kiểm tra xem biến có phải là loại giao diện cụ thể trong một liên minh dạng số

Question

Có thể tạo một kiểu gõ hay một thứ khác hoàn thành cùng một mục đích không, để kiểm tra xem biến có phải là loại giao diện cụ thể trong liên minh dạng chữ không?

interface Foo { a:string } 
interface Bar { b:string } 

(function() { 
    function doStuff(thing: Foo | Bar) { 
     if(typeof thing === 'Foo') { 
      console.log('Foo'); 
     } 
     else if (typeof thing === 'Bar') { 
      console.log('Bar'); 
     } 
     else { 
      console.log('unknown'); 
     } 
    } 

    var thing: Foo = {a:'a'}; 
    doStuff(thing); 
})(); 

Answer 1

typeof không thực hiện việc này. Nó luôn trả về "chuỗi", "số", "boolean", "đối tượng", "hàm" hoặc "không xác định".

Bạn có thể kiểm tra các thuộc tính đối tượng bằng thử nghiệm như if(thing.a !== undefined) { hoặc if(thing.hasOwnProperty('a')) {.

Lưu ý rằng bạn có thể tạo đối tượng có cả hai một chuỗi a và một chuỗi b, vì vậy hãy lưu ý về khả năng đó.

Answer 2

Trong nguyên cảo 2 bạn có thể sử dụng Discriminated Unions như thế này:

interface Foo { 
    kind: "foo"; 
    a:string; 
} 
interface Bar { 
    kind: "bar"; 
    b:string; 
} 
type FooBar = Foo | Bar; 
let thing: FooBar; 

và sau đó đối tượng kiểm tra sử dụng if (thing.kind === "foo").

Nếu bạn chỉ có 2 lĩnh vực như trong ví dụ tôi có lẽ sẽ đi với giao diện kết hợp như @ryan-cavanaugh đề cập và làm cho cả hai thuộc tính tùy chọn:

interface FooBar { 
    a?: string; 
    b?: string 
} 

Lưu ý rằng trong gốc dụ kiểm tra các đối tượng sử dụng if (thing.a !== undefined) sản xuất lỗi Property 'a' does not exist on type 'Foo | Bar'.

Và thử nghiệm nó bằng cách sử dụng if (thing.hasOwnProperty('a')) không thu hẹp loại thành Foo trong câu hỏi if.

@ryan-cavanaugh có cách nào tốt hơn trong TypesScript 2.0 hoặc 2.1 không?

Answer 3

Kể từ nguyên cảo 1.6 bạn có thể sử dụng người dùng định nghĩa bảo vệ loại:

let isFoo = (object: Foo| Bar): object is Foo => { 
    return "a" in object; 
} 

Xem https://www.typescriptlang.org/docs/handbook/advanced-types.html#user-defined-type-guards