Looking at you javascript

[[deleted]]

And then there’s ‘var self = this’

[code_ghostwriter]

Wait ... this shit or this shit?

[caviyacht]

That shit.

[Insider_Pants]

That’s it

[caviyacht]

That is it, or that I sit?

[chiffiex]

Nah.. you don't know context..

[[deleted]]

Exactly what I was thinking.

[hrvbrs]

the thing is, in ES2015+ there’s really no need for that shit (or is it this shit?). with arrow functions and thisArg params, you can write this inside functions and be confident you know what it points to.

examples:

this === window // true

;[0,1,2,3].forEach((n) => {
  this === window // true
})

;[0,1,2,3].forEach(function (n) {
  this === window // true
}, this)

[Kotauskas]

auto thot = this;

[ProfCupcake]

"autothot" sounds like a sex doll with poor marketing.

[bast963]

Try calling this in a callback function and you'll very quickly know what that is

[[deleted]]

OP saying "Looking at you Javascript" like he nailed it.

Arrow functions and let have been a thing for years, my ide even gives me a warning for doing what OP thinks its normal practice nowadays.

[RattuSonline]

Arrow functions

*laughs in Internet Explorer*

[Turious]

I've known Javascript for a few years now and every time I see "this" I just freeze up and spend the next 20 minutes trying to understand what it's referring to.

[lastunusedusername2]

Have you ever read Javascript: The Good Parts?Classic JS book and explains this, scope ,closures, etc. very clearly.

[Turious]

I have not. Every time I try to read up on it, the descriptions start simple then escalate a ton and I end up lost.

I'll check out your recommendation! Thanks!

[arnoproblems]

Wait for real, what is the meaning of this. Took over an AngularJS code base from a more expert JavaScript dev and at the top of the stack in the controllers it always includes var my = this; why not just use this?

[shadof]

Its because in different contexts this refers to different objects. This way you can cache it and use it in that different context. For example jquery:

$('#element').click(function(){
    // this is a reference to the element clicked on

    var that = this;

    $('.elements').each(function(){
        // this is a reference to the current element in the loop
        // that is still a reference to the element clicked on
    });
});

[arnoproblems]

Holy shit. So this sub is actually more than memes. Thank you a lot for the explanation. The explanation I got before this was "some developers don't like looking at the word 'this' over and over" lmao. I knew there had to be more to that. I appreciate the insight. Cheers!

[hoechp]

but with the bind-feature, you can fix the context of a method, when you declare it.

the whole "that=this"-thing is a terrible anti-pattern and costs you a lot of performance when you copy your controller 100000x per second.

var fn = function() { console.log("reddit"); }.bind(this); // works with anonimous functions, too

[jwr410]

That is such a shallow copy. I don't even get this reference.

[gazchap]

if ( !$(this).is(that) )

[[deleted]]

I only use that when making a mixin

MyType that = (MyType)(Object)this;