arrow-functions

Why does this work in a Node.js console (tested in 4.1.1 and 5.3.0) but doesn't work in the browser (tested in Chrome)? This code block should create and invoke an anonymous function that logs Ok . () => { console.log('Ok'); }() Also, while the above works in Node, this does not work: n => { console.log('Ok'); }() Nor this: (n) => { console.log('Ok'); }() What's odd is that when the parameter is added it actually throws a SyntaxError at the immediately-invoking part. void You need to make it a function expression instead of function definition which doesnt need a name and makes it a valid

ie how do I express this: function *(next) {} with arrows. I've tried all the combinations I could think of, and I can't find any documentation on it. (currently using node v0.11.14) Can I use ES6's arrow function syntax with generators? You can't. Sorry. According to MDN The function* statement ( function keyword followed by an asterisk) defines a generator function. From a spec document (my emphasis): The function syntax is extended to add an optional * token: FunctionDeclaration: "function" "*"? Identifier "(" FormalParameterList? ")" "{" FunctionBody "}" CoderPi The difference between

This question already has an answer here: What's the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript? 12 answers I was reading the source for ScrollListView and in several places I see the use of () => {} . Such as on line 25, this.cellReorderThreshold = () => { var ratio = (this.CELLHEIGHT*this.cellsWithinViewportCount)/4; return ratio < this.CELLHEIGHT ? 0 : ratio; }; line 31, this.container.addEventListener('scroll', () => this.onScroll(), false); line 88. resizeTimer = setTimeout(() => { this.containerHeight = this.container.offsetHeight; }, 250); Is this a

This question is similar to When using React Is it preferable to use fat arrow functions or bind functions in constructor? but a little bit different. You can bind a function to this in the constructor, or just apply arrow function in constructor. Note that I can only use ES6 syntax in my project. 1. class Test extends React.Component{ constructor(props) { super(props); this.doSomeThing = this.doSomeThing.bind(this); } doSomething() {} } 2. class Test extends React.Component{ constructor(props) { super(props); this.doSomeThing = () => {}; } } What's the pros and cons of these two ways? Thanks.

When ES6 Arrow functions don't seem to work for assigning a function to an object with prototype.object. Consider the following examples: function Animal(name, type){ this.name = name; this.type = type; this.toString = () => `${this.name} is a ${this.type}`; } var myDog = new Animal('Max', 'Dog'); console.log(myDog.toString()); //Max is a Dog Using the arrow function explicitly in the object definition works, but using the arrow functions with the Object.prototype syntax does not: function Animal2(name, type){ this.name = name; this.type = type; } Animal2.prototype.toString = () => `${this