Articles of arrow functions

Posso usar a function de seta no construtor de um componente de reação?

Esta questão é semelhante a Ao usar o React É preferível usar funções de seta de gordura ou vincular funções no construtor? mas um pouco diferente. Você pode vincular uma function a this no construtor ou apenas aplicar a function de seta no construtor. Observe que só posso usar a syntax ES6 no meu projeto. […]

Posso usar a syntax da function de seta do ES6 com geradores? (notação de seta)

ou seja, como eu expresso isso: function *(next) {} com flechas. Eu tentei todas as combinações que eu poderia pensar, e não consigo encontrar qualquer documentação sobre isso. (atualmente usando o nó v0.11.14)

Usando a variável _ (sublinhado) com as funções de seta no ES6 / Typescript

Eu me deparei com essa construção em um exemplo angular e me pergunto por que isso é escolhido: _ => console.log(‘Not using any parameters’); Eu entendo que a variável _ significa não se importar / não é usada mas como é a única variável existe alguma razão para preferir o uso de _ over: () […]

Informação oficial sobre ‘argumentos’ nas funções do ES6 Arrow?

(() => console.log(arguments))(1,2,3); // Chrome, FF, Node give “1,2,3” // Babel gives “arguments is not defined” from parent scope De acordo com Babel (e pelo que eu posso dizer as recomendações iniciais do TC39), isso é “inválido” já que as funções de seta devem estar usando seu escopo pai para argumentos. A única informação que […]

Como faço para escrever uma function de seta nomeada no ES2015?

Eu tenho uma function que estou tentando converter para a nova syntax de seta no ES6 . É uma function nomeada: function sayHello(name) { console.log(name + ‘ says hello’); } Existe uma maneira de dar um nome sem uma declaração var: var sayHello = (name) => { console.log(name + ‘ says hello’); } Obviamente, só […]

Quais são as diferenças (se houver) entre funções de seta ES6 e funções ligadas a Function.prototype.bind?

Parece-me que, no ES6, as duas funções seguintes são quase idênticas: function () { return this; }.bind(this); () => { return this; }; O resultado final parece o mesmo: as funções de seta produzem um object de function JavaScript com o contexto this vinculado ao mesmo valor que o this onde são criados. Obviamente, no […]

Por que os objects JSX não devem usar funções de seta ou ligar?

Estou executando o lint com meu aplicativo React e recebo este erro: error JSX props should not use arrow functions react/jsx-no-bind E é aqui que estou executando a function de seta (dentro do onClick ): {this.state.photos.map(tile => ( this.selectPicture(tile)} style={{position: ‘absolute’, zIndex: 99, padding: 5, backgroundColor: ‘rgba(255, 255, 255, 0.72)’}} /> <GridTile title={tile.title} subtitle={by {tile.author}} […]

Por que minha function de seta não retorna um valor?

Eu tenho uma function de seta que se parece com isso (simplificado): const f = arg => { arg.toUpperCase(); }; Mas quando eu chamo, fico undefined : console.log(f(“testing”)); // undefined Por quê? Exemplo: const f = arg => { arg.toUpperCase(); }; console.log(f(“testing”)); ( Nota: Isso deve ser uma dupetarget limpa e canônica para o problema […]

Quando devo usar o `return` em es6 Arrow Functions?

As novas funções da seta es6 dizem que o return é implícito sob algumas circunstâncias: A expressão também é o valor de retorno implícito dessa function. Em que casos eu preciso usar o return com funções de seta es6?

Funções de seta e isto

Eu estou tentando ES6 e quero include uma propriedade dentro da minha function como assim var person = { name: “jason”, shout: () => console.log(“my name is “, this.name) } person.shout() // Should print out my name is jason No entanto, quando eu executo este console de código só registra my name is . O […]