打字稿聯盟類型：與接口

Question

什麼來處理，你有兩個接口是非常相似，以至於你想通過同一塊邏輯來運行它們的情況下正確的方法處理：

interface DescriptionItem { 
    Description: string; 
    Code: string; 
} 
interface NamedItem { 
    Name: string; 
    Code: string; 
} 

function MyLogic(i: DescriptionItem | NamedItem) { 
    var desc = (<DescriptionItem>i).Description || (<NamedItem>i).Name; 

    return i.Code + ' - ' + desc; 
} 

這工作;不過，我的問題在於改進var desc = ...系列。我有什麼最好的選擇？或者是否有更好的方法來處理Typescript中的這種情況？

Answer 1

TypeScript interfaces僅在編譯時存在，所以在運行時測試接口類型的操作並不多。您在問題中指定的代碼很有意義，可能是您的最佳選擇。

但是，如果能夠靈活地改變你的interfaces到classes，您可以使用打字稿的類型衛士做更優雅的類型檢查：

class DescriptionItem { 
    Description: string; 
    Code: string; 
} 
class NamedItem { 
    Name: string; 
    Code: string; 
} 

function MyLogic(i: DescriptionItem | NamedItem) { 
    let desc: string; 
    if (i instanceof DescriptionItem) { 
     desc = i.Description; 
    } else { 
     desc = i.Name; 
    } 

    return i.Code + ' - ' + desc; 
}