如何在對象Typescript中使用這個描述符？

Question

我有一個接口：

export interface DisabledFormFields { 
    active: number, 
    functions: { 
    get?($event: any): string; 
    set?($event: any): void; 
    } 
} 

然後我創建基於此intreface對象：

instance.set({index: 0}); 
instance.get({}); 

爲什麼我不能獲得財產active使用：

var instance = { 
    active: 0, 
    set(event) { 
     this.active = event.index; 
    }, 
    get(event) { 
     return "-"; 
    }, 
} 

使用此this描述符裏面的方法對象？

Answer 1

你（輕微改變）對象：

var instance: Disable = { 
    active: 0, 
    set(event: any) { 
     this.active = event.index; 
    }, 
    get(event: any) { 
     event;// doing nothing but dealing with the noUnusedParameteres 
     return "-"; 
    }, 
} 

能有這樣的接口：

interface Disable { 
    active: number; 
    set?(event: any): void; // not necessarily optional 
    get?(event: any): string;// idem 
} 

如果set和get是可選的，它是需要使用型後衛，看看他們是定義：

if(instance.set) { 
    instance.set({index: 1});// it is defined in this block 
} 

在您的原始界面中，您有這個內部對象...

functions: { 
    get?($event: any): string; 
    set?($event: any): void; 
} 

你沒有包含在你的對象中。該對象也沒有實現該接口，因爲結構不同，並且在var聲明中沒有註釋。你必須改變界面或你的對象。

Answer 2

我用的操場和嘗試這個

var instance = { 
    active: 0, 
    set(event) { 
     this.active = event.index; 
    }, 
    get(event) { 
     return "<h1>-</h1>"; 
    }, 
} 

instance.set({index: 0}); 
instance.get({}); 

document.writeln(instance.get({})); 

它transpiled這樣：

var instance = { 
    active: 0, 
    set: function (event) { 
     this.active = event.index; 
    }, 
    get: function (event) { 
     return "<h1>-</h1>"; 
    }, 
}; 
instance.set({ index: 0 }); 
instance.get({}); 
document.writeln(instance.get({})); 

而且在運行單擊時在瀏覽器中打開一個新的標籤與此：

-