如何在对象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({})); 

而且在运行单击时在浏览器中打开一个新的标签与此：

-