打字稿中的匿名类

Question

在打字稿中做以下操作会遇到麻烦.我定义了以下接口:

 interface RendererCallback {

        getNode():HTMLElement;

        getTable();
 }

有一种方法期待RenderCallback对象,如:

render( callback:RendererCallback ) 

如何在代码中间创建匿名实例:

myObject.render( new .. {
  getNode() {
    return myNode;
  }
  getTable() {
    .. some code...
    return something;
  }
 } );

Answer 1

您可以使用匿名对象和lambda:

myObject.render({
    getNode: () => { doSomething...; return myNode },
    getTable: () => myTable
});

注意,new不使用关键字.

Answer 2

Typescript 现在支持类表达式，因此您可以创建实际的匿名类。

myObject.render( new class {
  getNode() {
    return myNode;
  }
  getTable() {
    .. some code...
    return something;
  }
 } );

这样做的好处是this不会被推断为位于any匿名类的方法内。