Articles of arrow funzioni

Posso usare la syntax della funzione freccia di ES6 con i generatori? (notazione della freccia)

cioè come posso esprimere questo: function *(next) {} con le frecce. Ho provato tutte le combinazioni a cui potevo pensare, e non riesco a trovare alcuna documentazione su di esso. (attualmente usando il nodo v0.11.14)

Funzione freccia senza parentesi graffe

Sono nuovo sia per ES6 che per React e continuo a vedere le funzioni delle frecce. Perché alcune funzioni freccia usano parentesi graffe dopo la freccia grassa e alcune usano parentesi? Per esempio: const foo = (params) => ( Content ); vs. const handleBar = (e) => { e.preventDefault(); dispatch(‘logout’); }; Grazie per qualsiasi aiuto!

Usando la variabile _ (trattino basso) con le funzioni freccia in ES6 / Typescript

Mi sono imbattuto in questo costrutto in un esempio angular e mi chiedo perché questo è scelto: _ => console.log(‘Not using any parameters’); Capisco che la variabile _ significa non si cura / non è usata ma poiché è l’unica variabile c’è qualche ragione per preferire l’uso di _ over: () => console.log(‘Not using any […]

Informazioni ufficiali su `arguments` in ES6 Arrow functions?

(() => console.log(arguments))(1,2,3); // Chrome, FF, Node give “1,2,3” // Babel gives “arguments is not defined” from parent scope Secondo Babel (e da quello che posso dire per le prime raccomandazioni del TC39), questo è “non valido” poiché le funzioni di freccia dovrebbero usare il loro ambito genitore per gli argomenti. Le uniche informazioni che […]

Come scrivere una funzione di freccia con nome in ES2015?

Ho una funzione che sto cercando di convertire nella nuova syntax della freccia in ES6 . È una funzione con nome: function sayHello(name) { console.log(name + ‘ says hello’); } C’è un modo per dargli un nome senza una dichiarazione var: var sayHello = (name) => { console.log(name + ‘ says hello’); } Ovviamente, posso […]

Perché gli oggetti di scena di JSX non dovrebbero usare le funzioni di freccia o bind?

Sono in esecuzione lint con la mia app React, e ho ricevuto questo errore: error JSX props should not use arrow functions react/jsx-no-bind Ed è qui che eseguo la funzione freccia (all’interno di 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}} […]

Arrow Functions and This

Sto provando ES6 e voglio includere una proprietà all’interno della mia funzione in questo modo var person = { name: “jason”, shout: () => console.log(“my name is “, this.name) } person.shout() // Should print out my name is jason Tuttavia, quando eseguo questa console di codice viene registrato solo il my name is . Che […]

Utilizzo di jQuery $ (questo) con le funzioni freccia ES6 (lessicale questa associazione)

Usando le funzioni freccia ES6 con lessicale this associazione è ottima. Tuttavia, mi sono imbattuto in un problema un momento fa usandolo con un tipico bind di click jQuery: class Game { foo() { self = this; this._pads.on(‘click’, function() { if (self.go) { $(this).addClass(‘active’); } }); } } Utilizzando invece una funzione freccia: class Game […]

Cosa significano più funzioni freccia in javascript?

Ho letto un sacco di codice di react e vedo cose del genere che non capisco: handleChange = field => e => { e.preventDefault(); /// Do something here }

Funzione freccia ECMAScript6 che restituisce un object

Quando si restituisce un object da una funzione a freccia, sembra che sia necessario utilizzare un set extra di {} e un’istruzione return a causa di un’ambiguità nella grammatica: p => { return { foo: ‘bar’ } } Se la funzione freccia restituisce qualcos’altro, {} e il reso non sono necessari, ad es .: p […]