Articles of arrow functions

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 […]

O que significam várias funções de seta em javascript?

Eu tenho lido um monte de código de react e vejo coisas assim que não entendo: handleChange = field => e => { e.preventDefault(); /// Do something here }

Usando jQuery $ (this) com ES6 Arrow Functions (léxico esta binding)

Usando as funções de seta do ES6 com o léxico, this binding é ótima. No entanto, encontrei um problema há pouco usando-o com uma binding de clique típica do jQuery: class Game { foo() { self = this; this._pads.on(‘click’, function() { if (self.go) { $(this).addClass(‘active’); } }); } } Usando uma function de seta em […]