Preguntas etiquetadas con arrow-functions

Al devolver un objeto desde una función de flecha, parece que es necesario usar un conjunto adicional de {}y una returnpalabra clave debido a una ambigüedad en la gramática. Eso significa que no puedo escribir p => {foo: "bar"}, pero tengo que escribir p => { return {foo: "bar"}; }. …

620 javascript  ecmascript-6  arrow-functions 

Las funciones de flecha en ES2015 proporcionan una sintaxis más concisa. ¿Puedo reemplazar todas mis declaraciones / expresiones de función con funciones de flecha ahora? ¿Qué tengo que tener en cuenta? Ejemplos: Función constructora function User(name) { this.name = name; } // vs const User = name => { this.name …

521 javascript  ecmascript-6  arrow-functions 

Puedo marcar una función de JavaScript como "async" (es decir, devolver una promesa) con la asyncpalabra clave. Me gusta esto: async function foo() { // do something } ¿Cuál es la sintaxis equivalente para las funciones de flecha?

499 javascript  promise  async-await  arrow-functions 

He estado leyendo un montón de reactcódigo y veo cosas como esta que no entiendo: handleChange = field => e => { e.preventDefault(); /// Do something here }

472 javascript  ecmascript-6  arrow-functions 

Sé que el >=operador significa más o igual que, pero lo he visto =>en algún código fuente. ¿Cuál es el significado de ese operador? Aquí está el código: promiseTargetFile(fpParams, aSkipPrompt, relatedURI).then(aDialogAccepted => { if (!aDialogAccepted) return; saveAsType = fpParams.saveAsType; file = fpParams.file; continueSave(); }).then(null, Components.utils.reportError);

444 javascript  syntax  ecmascript-6  arrow-functions 

La pregunta está dirigida a personas que han pensado en el estilo de código en el contexto del próximo ECMAScript 6 (Harmony) y que ya han trabajado con el lenguaje. Con () => {}y function () {}estamos obteniendo dos formas muy similares de escribir funciones en ES6. En otros idiomas, …

407 javascript  lambda  ecmascript-6  ecmascript-harmony  arrow-functions 

es decir, cómo expreso esto: function *(next) {} con flechas He probado todas las combinaciones que se me ocurren, y no puedo encontrar ninguna documentación al respecto. (actualmente usando el nodo v0.11.14)

243 javascript  ecmascript-6  generator  arrow-functions 

Tengo una función que estoy tratando de convertir a la nueva sintaxis de flecha en ES6 . Es una función con nombre: function sayHello(name) { console.log(name + ' says hello'); } ¿Hay alguna manera de darle un nombre sin una declaración var: var sayHello = (name) => { console.log(name + …

204 javascript  ecmascript-6  arrow-functions 

Las nuevas funciones de flecha es6 dicen que returnestá implícita en algunas circunstancias: La expresión también es el valor de retorno implícito de esa función. ¿En qué casos necesito usar returncon las funciones de flecha es6?

154 javascript  function  return  ecmascript-6  arrow-functions 

¿Por qué funciona esto en una Node.jsconsola (probado en 4.1.1 y 5.3.0) pero no funciona en el navegador (probado en Chrome)? Este bloque de código debe crear e invocar una función anónima que registre Ok. () => { console.log('Ok'); }() Además, aunque lo anterior funciona en Node, esto no funciona: …

149 javascript  node.js  arrow-functions 

Al construir una clase en CoffeeScript, ¿se debe definir todo el método de instancia con el =>operador ("flecha gruesa") y todos los métodos estáticos que se definan con el ->operador?

133 coffeescript  arrow-functions 

Usar las funciones de flecha de ES6 con thisenlace léxico es genial. Sin embargo, me encontré con un problema hace un momento al usarlo con un enlace de clic típico de jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } …

129 javascript  jquery  ecmascript-6  arrow-functions 

Me encontré con esta construcción en un ejemplo angular y me pregunto por qué se elige esto: _ => console.log('Not using any parameters'); Entiendo que la variable _ significa que no me importa / no se usa, pero dado que es la única variable, ¿hay alguna razón para preferir el …

119 javascript  typescript  ecmascript-6  arrow-functions 

Estoy ejecutando lint con mi aplicación React y recibo este error: error JSX props should not use arrow functions react/jsx-no-bind Y aquí es donde estoy ejecutando la función de flecha (adentro onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

La declaración de exportación a continuación da un error de sintaxis export default const hello = () => console.log("say hello") por qué ? Solo puedo exportar funciones con nombre export function hello() { console.log("hello") } ¿Cuál es la razón?

96 javascript  ecmascript-6  arrow-functions