打字的打字稿

Question

我有功能与参数命名PARAM这样的：

function x(param: One | Two) { 
    //do something 
} 

interface One { 
    value: IValue, 
    name: string, 
    id: number 
} 
interface Two { 
    value: IValue2, 
    name: string, 
    id: number, 
    selected: boolean 
} 

我可以使用相同的参数，两个不同的接口？谢谢！

Answer 1

你可以，你的参数语法正确！作为参考，TypeScript将其称为union type。

主要告诫使用它们的是，你只能访问成员共同所有的类型 - 例如，你都含有接口name，value和id，这样你就可以在你的函数中使用这些。但是，只有interfaceTwo拥有selected成员，因此无法使用。另外，我不知道这个例子是否是您刚刚输入的内容，因此您可能已经知道这一点，但是您的接口定义不正确 - 您需要使用关键字interface用分号结尾。这也是一个惯例给类型TitleCase名称：

function x(param: InterfaceOne | InterfaceTwo){ 
    console.log(param.name);  // Valid! 
    console.log(param.id);  // Valid! 

    console.log(param.value); // Valid - but has the type IValue | IValue2, 
           // so you can only access the common fields 
           // of those types! 

    console.log(param.selected); // INVALID - InterfaceOne doesn't have a selected member 
} 

interface InterfaceOne { 
    value: IValue; 
    name: string; 
    id: number; 
} 

interface InterfaceTwo { 
    value: IValue2; 
    name: string; 
    id: number; 
    selected: boolean; 
}