Mootools - Using .bind(this)

From MooTools Users | Google Groups

############# var toto = new Class ({


    Implements: Options,
    options: {
        message: "toto"
    },
    initialize: function(elem, options){
        this.setOptions(options);
        this.alternateMessage = "a message";
        this.elem = elem;
        this.elem.addEvent('click', function(){
            this.alternateMessage = "other message";
            this.aMethod();
        }.bind(this));
    },
    aMethod: function(){
        alert(this.options.message);
    }
});

##################
in this class, you can see two effects of this binding in this
function
this.elem.addEvent('click', function(){ this.alternateMessage = "other message"; this.aMethod(); }.bind(this));
– this.alternateMessage is now changed for the whole class, not only
inside the fucntion as this refers to the class
– without binding the click function with .bind(this) the result would
be «this.alternateMessage has no properties», «this.aMethod() is not a function»
binding the function to the class (this) allows it to use any method
or this.var set inside it

Mootools – Using .bind(this)

One Response to “ Mootools – Using .bind(this) ”

Moonkiki Web Development