3 ms·
Neither of these code snippets demonstrate binding 'this' at the call site. In any event, I strongly suggest avoiding 'this' as much as humanly possible in java
by javajosh 4y ago
Neither of these code snippets demonstrate binding 'this' at the call site. In any event, I strongly suggest avoiding 'this' as much as humanly possible in javascript because a) it's wonky and b) you never need it.
- inbx0 4y agoIn the first example, when you look at the first line foo = function() { console.log(this.n); }; You cannot possibly know what "this" refers to when the function is eventually called. Is it some object? Is it the surrounding class or function? Is it window? Is it undefined? Is it the function itself? There's no way to know, because it hasn't been decided yet. Deciding what `this` refers to in the "normal"/non-arrow functions is up to the caller. o1.foo(); Here, `this` will be o1. o2.foo(); here, `this` will be o2. o1.foo.call("hello") here, `this` will be `new String("hello")`. That's what the parent commenter meant by "binding this at the call site". Classes are still very common out there, despite the popularity of e.g. React function components etc, and `this` is pretty essential with classes.
- int_19h 4y agoWhere do you think the binding happens in my example, then?
- inbx0 4y agoIn line 3, where it's called })(); With this way of invoking, `this` will be `undefined` in "strict mode" (i.e. if the file or parent function has 'use strict' or if we are in an ES module), and Window in "sloppy mode".