The question is directed at people who have thought about code style in the context of the upcoming ECMAScript 6 (Harmony) and who have already worked with the language. With () => {} and function () {} we are getting two very similar ways to w...
When returning an object from an arrow function, it seems that it is necessary to use an extra set of {} and a return keyword because of an ambiguity in the grammar. That means I can’t write p => {foo: "bar"}, but have to write p =>...
The new es6 arrow functions say return is implicit under some circumstances: The expression is also the implicit return value of that function. In what cases do I need to use return with es6 arrow functions?...
I have been reading a bunch of react code and I see stuff like this that I don't understand: handleChange = field => e => { e.preventDefault(); /// Do something here }...
Using ES6 arrow functions with lexical this binding is great. However, I ran into an issue a moment ago using it with a typical jQuery click binding: class Game { foo() { self = this; this._pads.on('click', function() { if...
I have an arrow function that looks like this (simplified): const f = arg => { arg.toUpperCase(); }; But when I call it, I get undefined: console.log(f("testing")); // undefined Why? Example: const f = arg => { arg.toUpperCa...
I'm running lint with my React app, and I receive this error: error JSX props should not use arrow functions react/jsx-no-bind And this is where I'm running the arrow function (inside onClick): {this.state.photos.map(tile =>...
I have a function that I am trying to convert to the new arrow syntax in ES6. It is a named function: function sayHello(name) { console.log(name + ' says hello'); } Is there a way to give it a name without a var statement: var sayH...
I've read in several places that the key difference is that "this is lexically bound in arrow functions." That's all well and good, but I don't actually know what that means. I know it means it's unique within the confines...
©2020 All rights reserved.