返回该名称空间中函数的类型定义

Question

我尝试在名称空间（L.DomEvent.on(e)）中写入函数的类型定义，该函数返回this。 JavaScript的源代码就像

L.DomEvent = { 
    // @function on(el: HTMLElement, eventMap: Object, context?: Object): this 
    on: function(e) { 
     // do stuff 
     return this; 
    } 
} 

查看detail source code。

予先写的定义如下

declare namespace L { 
    export namespace DomEvent { 
     export function on(el: HTMLScriptElement): this; 
    } 
} 

但是，编译器会引发错误与消息

error TS2526: A 'this' type is available only in a non-static member of a class or interface. 

虽然我可以将输出从this改变any（它的工作原理），I想知道是否有更好的解决方案来定义输出。

Answer 1

基于在GitHub上的声明代码看起来应该是这样：

declare namespace L { 
    export namespace DomEvent { 
     export function on(el: HTMLElement, types: string, fn: Function, context?: any): typeof DomEvent; 
    } 
} 

（code in playground）

你只返回this当你需要它为polymorphic this types一个类型，但在这种情况下， this即返回的是DomEvent命名空间，所以我们返回typeof DomEvent。