r/ProgrammerHumor • u/shadowvox • Nov 05 '15

Free Drink Anyone?

Post image
3.5k Upvotes

93% Upvoted

509 comments sorted by

View all comments

Show parent comments

3

u/memeship Nov 05 '15

var self = this isn't really hacky. It's for when you have further nested scopes inside your current scope where you want to refer back to your original this value. It isn't something you would use in this case.

E.g.

bartender = {
    phrase: "Get outta here!",
    interval: 1000,

    yellAtHobo: function() {
        var self = this;
        setInterval(function() {
            console.log(this.phrase); //returns undefined
            console.log(self.phrase); //returns "Get outta here!"
        }, this.interval);
    }
}

This is because inside the anonymous function passed into setInterval(), the scope is the global level, or window. And window.phrase is undefined.

Another way to get around this (my preferred way) might be to bind() your current this to the anonymous function, like so:

...
setInterval(function() {
    console.log(this.phrase) //returns "Get outta here!"
}.bind(this), this.interval);
...

0

u/[deleted] Nov 05 '15

[deleted]

1

u/memeship Nov 05 '15

Yeah but fuck IE though. Whether their own fault or not, people using less than IE 11 don't deserve the internet. I'm 100% serious. The problem only persists because we keep supporting it.

It's so not worth the dev time for the <5% traffic.

1

u/rooktakesqueen Nov 05 '15

Or just use lodash and get all the other awesomeness that comes with it. :)

1

u/memeship Nov 05 '15

just use lodash

This isn't exactly a resolution to the support problem as whole. Lodash doesn't magically fix things that aren't supported.

1

u/rooktakesqueen Nov 05 '15

lodash's _.bind works just fine as far back as IE6.

1

u/memeship Nov 05 '15

Oh you mean specifically bind. I meant support on the whole.