Recently encountered an issue in event processing, add Event listener no problem, everything is OK. But in the remove, but how also can not delete. The reason for the anonymous function is found after debugging the code. For example, the following code is available:
1Import {Eventemitter,} from ' Events ';2 3 class Eventbase extends Eventemitter {4 Constructor () {5 super ();6 }7 }8 9Let eventinstance =Neweventbase ();Ten One class Operator { A constructor () {} - - Ontouchstart (e) {...} the - bindevent () { - //Note that after bind (this) it is not ontouchstart, but an anonymous function -Eventinstance.on ( This. Ontouchstart.bind ( This)); + } - + unbindevent () { A //This is not successful . atEventinstance.removelistener ( This. Ontouchstart); - - /** - * Even if it's not successful - * Eventinstance.removelistener (This.onTouchStart.bind (this)); - */ in } -}
The correct approach is as follows:
1Import {Eventemitter,} from ' Events ';2 3 class Eventbase extends Eventemitter {4 Constructor () {5 super ();6 }7 }8 9Let eventinstance =Neweventbase ();Ten One class Operator { A Constructor () { - //Early binding - This. Ontouchstart = This. Ontouchstart.bind ( This); the } - - Ontouchstart (e) {...} - + bindevent () { - //that's it. +Eventinstance.on ( This. Ontouchstart); A } at - unbindevent () { - //Smooth Release -Eventinstance.removelistener ( This. Ontouchstart); - } -}
Nodejs event cannot remove the problem