如何在TypeScript中指定一個類型化的對象字面值？

Question

我有辦法將類型註釋直接應用於對象文字嗎？直接我的意思是不必將其分配給一個類型註釋的變量。例如： 我知道我能做到這一點是這樣的：

export interface IBaseInfo {} 
export interface IMyInfo extends IBaseInfo { name: string; } 
function testA(): IBaseInfo = { 
    var result: IMyInfo = { name: 'Hey!' }; 
    return result; 
} 

我也能做到這一點是這樣的：

function testB(): IBaseInfo = { 
    return { name: 'Hey!' }; 
} 

但我需要的是這樣的：

function testC(): IBaseInfo = { 
    return { name: 'Hey!' }: IMyInfo; // <--- doesn't work 
} 

或者像這樣：

function testD(): IBaseInfo = { 
    return IMyInfo: { name: 'Hey!' }; // <--- doesn't work 
} 

Answer 1

答案是使用身份識別功能：

function to<a>(value: a): a { return value; } 
const instance = to<SomeInterface>({ 
    prop1: 'text', 
    prop2: 123 
}); 

Answer 2

你的第一個和第二個例子失敗了，所以你不能這樣做。 :)

很確定你不必在你的文字上指定任何類型。只要你的文字符合界面要求，你就很好。

interface IMyInfo { name: string; } 
var asdf = { 
    name: "test" 
} 

var qwer: IMyInfo = asdf; 

如果你想智能感知，你必須做一些事情，如：

或者，也許這是你在找什麼。 Intellisense至少在操場上工作。

或者，也許這一點。 :)

Answer 3

智能感知爲對象文字的成員由表達式的上下文類型（見規範的章節4.19）提供。

您可以通過各種方式獲取上下文類型。一些其中應用上下文類型中最常見的地方是：

• 變量與類型註釋的初始化
• 在return聲明函數或表達與返回類型註解的getter
• 在類型斷言表達的表達（<T>expr）

在您的例子，你可以使用一個類型斷言來迫使你的對象文本有一個上下文類型：

function testB() { 
    return <IMyInfo>{ name: 'Hey!' }; 
} 

Answer 4

請記住，接口遵循duck typing：如果一個對象看起來像匹配接口，它確實匹配接口。

所以

function testB(): IBaseInfo = { 
    return { name: 'Hey!' }; 
} 

是完全一樣的

function testA(): IBaseInfo = { 
    var result: IMyInfo = { name: 'Hey!' }; 
    return result; 
} 

無論哪種方式，返回的對象看起來像一個IMyInfo，因此它是一個IMyInfo。函數內部沒有發生什麼影響它匹配的接口。

但是，在您的示例中，函數的返回值是IBaseInfo，因此編譯器和智能感知將假定該對象只是一個IBaseInfo。如果你想要的功能的調用者就知道返回值是一個IMyInfo，你需要做的功能IMyInfo的返回值：

function testB(): IMyInfo = { 
    return { name: 'Hey!' }; 
} 

或使用類型推斷，只需

function testB() = { 
    return { name: 'Hey!' }; 
}