TypeScript:删除本地粗箭头的监听器

Question

我想使用局部粗箭头将 this 上下文保存为:

document.addEventListener("keydown", (e: KeyboardEvent) => myobject.keyDownlistener(e));

而且我希望稍后能够删除此监听器，但以下都不起作用:

document.removeEventListener("keydown", (e: KeyboardEvent) => myobject.keyDownlistener(e));
document.removeEventListener("keydown", myobject.keyDownlistener);

我能做什么？

Answer 1

remove this listener later, but neither of the following work:

每次您创建 ()=> 时，您都创建了一个新函数。因此，您需要确保添加和删除相同的函数:

// What you add
document.addEventListener("keydown", myobject.keyDownlistener);
// Is what you should remove
document.removeEventListener("keydown", myobject.keyDownlistener);

要保留 this 上下文，请确保将 myobject.keyDownlistener 定义为粗箭头(而不是原型(prototype)函数)

更多

https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html