La programmation arrow-functions

6

Fonction de flèche ECMAScript 6 qui renvoie un objet

Lors du retour d'un objet à partir d'une fonction flèche, il semble qu'il soit nécessaire d'utiliser un ensemble supplémentaire de {}et un returnmot clé en raison d'une ambiguïté dans la grammaire. Cela signifie que je ne peux pas écrire p => {foo: "bar"}, mais que je dois écrire p => …

620 javascript ecmascript-6 arrow-functions

3

Les «fonctions fléchées» et les «fonctions» sont-elles équivalentes / échangeables?

Les fonctions fléchées d'ES2015 fournissent une syntaxe plus concise. Puis-je remplacer toutes mes déclarations / expressions de fonction par des fonctions fléchées maintenant? À quoi dois-je faire attention? Exemples: Fonction constructeur function User(name) { this.name = name; } // vs const User = name => { this.name = name; }; …

521 javascript ecmascript-6 arrow-functions

6

Syntaxe de la fonction de flèche asynchrone

Je peux marquer une fonction javascript comme "async" (c'est-à-dire renvoyer une promesse) avec le asyncmot - clé. Comme ça: async function foo() { // do something } Quelle est la syntaxe équivalente pour les fonctions flèches?

499 javascript promise async-await arrow-functions

7

Que signifient les fonctions de flèche multiples en javascript?

J'ai lu un tas de reactcode et je vois des trucs comme ça que je ne comprends pas: handleChange = field => e => { e.preventDefault(); /// Do something here }

472 javascript ecmascript-6 arrow-functions

13

Quelle est la signification de «=>» (une flèche formée de égaux et supérieurs à) en JavaScript?

Je sais que l' >=opérateur signifie plus ou égal à, mais j'ai vu =>dans du code source. Quelle est la signification de cet opérateur? Voici le code: 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

9

Quand dois-je utiliser les fonctions Flèche dans ECMAScript 6?

La question s'adresse aux personnes qui ont pensé au style de code dans le contexte du prochain ECMAScript 6 (Harmony) et qui ont déjà travaillé avec le langage. Avec () => {}et function () {}nous obtenons deux façons très similaires d'écrire des fonctions dans ES6. Dans d'autres langages, les fonctions …

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

7

Puis-je utiliser la syntaxe de la fonction flèche d'ES6 avec des générateurs? (notation fléchée)

c'est-à-dire comment exprimer ceci: function *(next) {} avec des flèches. J'ai essayé toutes les combinaisons auxquelles je pouvais penser et je ne trouve aucune documentation à ce sujet. (utilise actuellement le nœud v0.11.14)

243 javascript ecmascript-6 generator arrow-functions

8

Comment écrire une fonction de flèche nommée dans ES2015?

J'ai une fonction que j'essaye de convertir à la nouvelle syntaxe de flèche dans ES6 . C'est une fonction nommée: function sayHello(name) { console.log(name + ' says hello'); } Existe-t-il un moyen de lui donner un nom sans instruction var: var sayHello = (name) => { console.log(name + ' says …

204 javascript ecmascript-6 arrow-functions

5

Quand dois-je utiliser `return` dans les fonctions fléchées es6?

Les nouvelles fonctions fléchées es6 disent que returnc'est implicite dans certaines circonstances: L'expression est également la valeur de retour implicite de cette fonction. Dans quels cas dois-je utiliser returnavec les fonctions fléchées es6?

154 javascript function return ecmascript-6 arrow-functions

4

ES6 a immédiatement appelé la fonction de flèche

Pourquoi cela fonctionne-t-il dans une Node.jsconsole (testé en 4.1.1 et 5.3.0) mais ne fonctionne pas dans le navigateur (testé dans Chrome)? Ce bloc de code doit créer et appeler une fonction anonyme qui enregistre Ok. () => { console.log('Ok'); }() De plus, bien que ce qui précède fonctionne dans Node, …

149 javascript node.js arrow-functions

4

CoffeeScript, Quand utiliser la grosse flèche (=>) sur la flèche (->) et vice versa

Lors de la construction d'une classe dans CoffeeScript, toute la méthode d'instance doit-elle =>être définie à l'aide de l' ->opérateur ("grosse flèche") et toutes les méthodes statiques définies à l'aide de l' opérateur?

133 coffeescript arrow-functions

5

Utilisation de jQuery $ (this) avec les fonctions fléchées ES6 (lexical this binding)

L'utilisation des fonctions fléchées ES6 avec la thisliaison lexicale est excellente. Cependant, j'ai rencontré un problème il y a un instant en l'utilisant avec une liaison de clic jQuery typique: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } En …

129 javascript jquery ecmascript-6 arrow-functions

5

Utilisation de la variable _ (trait de soulignement) avec des fonctions fléchées dans ES6 / Typescript

Je suis tombé sur cette construction dans un exemple angulaire et je me demande pourquoi cela est choisi: _ => console.log('Not using any parameters'); Je comprends que la variable _ signifie que je ne me soucie pas / n'est pas utilisé, mais comme c'est la seule variable, y a-t-il une …

120 javascript typescript ecmascript-6 arrow-functions

6

Pourquoi les accessoires JSX ne devraient-ils pas utiliser les fonctions fléchées ou se lier?

J'exécute lint avec mon application React et je reçois cette erreur: error JSX props should not use arrow functions react/jsx-no-bind Et c'est là que j'exécute la fonction flèche (à l'intérieur 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, 255, …

103 javascript reactjs ecmascript-6 jsx arrow-functions

2

Est-il possible d'exporter des fonctions Arrow dans ES6 / 7?

La déclaration d'exportation ci-dessous donne une erreur de syntaxe export default const hello = () => console.log("say hello") Pourquoi ? Je ne peux exporter que des fonctions nommées export function hello() { console.log("hello") } Quelle est la raison?

96 javascript ecmascript-6 arrow-functions

Questions marquées «arrow-functions»