Anonymous class in Typescript

Question

Getting some trouble to do the following in typescript. I've the following interface defined :

 interface RendererCallback {

        getNode():HTMLElement;

        getTable();
 }

There is a method expecting a RenderCallback object like :

render( callback:RendererCallback ) 

How do I create an anonymous instance in the middle of my code :

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

Answer 1

You can use anonymous objects and lambdas:

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

Note, the new keyword is not used.

Answer 2

Typescript now supports class expressions so you can make actual anonymous classes.

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

This has the benefit of this not being inferred to be any within the anonymous class' methods.