Fat arrow functions in Javascript(robcee.net)

    var myObj = {
        foo: 'bar',
        baz: function() {
            console.log(this.foo);  //would give you 'bar', as expected
            
            //but if you have some code that changes the meaning of this, for example:
            $('.button').click(function() {
                console.log(this.foo);  //undefined, since now "this" refers to the scope of the event's callback function
            });
            
            //but if you use bind:
            $('.button').click((function() {
                //now "this" is scoped to refer to the main object
                console.log(this.foo); //gives you 'bar'
            }).bind(this));
        }
    }

    asyncOperation(_.bind(function(x) { this.x += x; }, this));

    asyncOperation(goog.bind(function(x) { this.x += x; }, this));

    asyncOperation(function(x) { this.x += x; }.bind(this));

    asyncOperation($.proxy(function(x) { this.x += x; }, this));

    var self = this;
    asyncOperation(function(x) { self.x += x; });

    asyncOperation((x) => { this.x += x; });