ES6 jQuery bind listener as anonymous function

Question

i want to bind an anonymous function to a jQuery event listener inside an ES6 class.

Something like:

class MyClass{    
    constructor(){
        $( document ).mousedown( callAnonymous );
    }    
    callAnonymous(e){
        //Need class references here
    }
}

Is there a simple syntax for this? Couldn't find anything on the web.

What anonymous function are you talking about? There is none in your code. — Bergi, Dec 05 '20 at 14:38

Aplet123 · Answer 1 · 2020-12-05T14:23:07.140

0

You would bind it like you would any normal function:

$(document).mousedown(this.callAnonymous.bind(this));

edited Dec 05 '20 at 14:23

answered Dec 05 '20 at 14:01

Aplet123

33,825
1
29
55

so with .bind(this) i still have class references in my handlerfunc? – DeadApe Dec 05 '20 at 14:03
Yes, that's what binding does. If you bind it to `this`, then the `this` inside `callAnonymous` will refer to the class instance. – Aplet123 Dec 05 '20 at 14:03
thanks for the quick answer :) – DeadApe Dec 05 '20 at 14:04
it would have to be `this.callAnonymous.bind(this)`. `callAnonymous` is a property of the class instance. – Felix Kling Dec 05 '20 at 14:22

ES6 jQuery bind listener as anonymous function

1 Answers1