Conversation

qntm
@qntm
It turns out you can't replace all JavaScript functions with arrow functions because they do completely different things with `this` >_<
4
9
qntm
@qntm
Replying to
@qntm
{ setX: function(x) { this._x = x; } } // works as expected { setX: (x) => { this._x = x; } } // haha nope, corrupts `window` probably
3
1
qntm
@qntm
Replying to
@qntm
var a = { setX: (x) => { this._x = x; } }; a.setX(67); console.log(a._x); // undefined console.log(window._x); // 67
3
2
qntm
@qntm
Replying to
@qntm
Of course if you're using both a setter and a getter it can take you quite a while to work out what's going on here -_-
1
2
qntm
@qntm
Replying to
@qntm
In summary, JavaScript has two syntaxes for functions. One does what you'd expect, and the other does the opposite
2
5
qntm
@qntm
Replying to
@qntm
Already knowing JavaScript reasonably well doesn't change this, it just flips which is which
1
5
qntm
@qntm
Replying to
@qntm
If you're wondering how you actually do arrow function methods, the accepted answer on Stack Overflow is "You can't, this is impossible"
3
2