Programmierung arrow-functions

6

ECMAScript 6-Pfeilfunktion, die ein Objekt zurückgibt

Wenn Sie ein Objekt von einer Pfeilfunktion zurückgeben, scheint es aufgrund einer Mehrdeutigkeit in der Grammatik erforderlich zu sein, einen zusätzlichen Satz von {}und ein returnSchlüsselwort zu verwenden. Das heißt, ich kann nicht schreiben p => {foo: "bar"}, muss aber schreiben p => { return {foo: "bar"}; }. Wenn die …

619 javascript ecmascript-6 arrow-functions

3

Sind 'Pfeilfunktionen' und 'Funktionen' gleichwertig / austauschbar?

Pfeilfunktionen in ES2015 bieten eine präzisere Syntax. Kann ich jetzt alle meine Funktionsdeklarationen / -ausdrücke durch Pfeilfunktionen ersetzen? Worauf muss ich achten? Beispiele: Konstruktorfunktion function User(name) { this.name = name; } // vs const User = name => { this.name = name; }; Prototypmethoden User.prototype.getName = function() { return this.name; …

520 javascript ecmascript-6 arrow-functions

6

Syntax für die asynchrone Pfeilfunktion

Ich kann eine Javascript-Funktion mit dem asyncSchlüsselwort als "asynchron" markieren (dh ein Versprechen zurückgeben) . So was: async function foo() { // do something } Was ist die äquivalente Syntax für Pfeilfunktionen?

497 javascript promise async-await arrow-functions

7

Was bedeuten mehrere Pfeilfunktionen in Javascript?

Ich habe eine Menge reactCode gelesen und sehe solche Dinge, die ich nicht verstehe: handleChange = field => e => { e.preventDefault(); /// Do something here }

472 javascript ecmascript-6 arrow-functions

13

Was bedeutet "=>" (ein Pfeil, der aus "Gleich" und "Größer als" besteht) in JavaScript?

Ich weiß, dass der >=Operator mehr als oder gleich bedeutet, aber ich habe gesehen=> in einem Quellcode gesehen. Was bedeutet dieser Operator? Hier ist der 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

Wann sollte ich Pfeilfunktionen in ECMAScript 6 verwenden?

Die Frage richtet sich an Personen, die im Rahmen des kommenden ECMAScript 6 (Harmony) über den Codestil nachgedacht haben und bereits mit der Sprache gearbeitet haben. Mit () => {}und erhalten function () {}wir zwei sehr ähnliche Möglichkeiten, um Funktionen in ES6 zu schreiben. In anderen Sprachen zeichnen sich Lambda-Funktionen …

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

7

Kann ich die Pfeilfunktionssyntax von ES6 mit Generatoren verwenden? (Pfeilnotation)

dh wie drücke ich das aus: function *(next) {} mit Pfeilen. Ich habe alle erdenklichen Kombinationen ausprobiert und kann keine Dokumentation dazu finden. (verwendet derzeit den Knoten v0.11.14)

242 javascript ecmascript-6 generator arrow-functions

8

Wie schreibe ich eine benannte Pfeilfunktion in ES2015?

Ich habe eine Funktion, die ich in ES6 in die neue Pfeilsyntax konvertieren möchte . Es ist eine benannte Funktion: function sayHello(name) { console.log(name + ' says hello'); } Gibt es eine Möglichkeit, ihm einen Namen ohne var-Anweisung zu geben: var sayHello = (name) => { console.log(name + ' says …

204 javascript ecmascript-6 arrow-functions

5

Wann sollte ich "return" in es6-Pfeilfunktionen verwenden?

Die neuen es6-Pfeilfunktionen sagen, dass sie returnunter bestimmten Umständen implizit sind: Der Ausdruck ist auch der implizite Rückgabewert dieser Funktion. In welchen Fällen muss ich es returnmit es6-Pfeilfunktionen verwenden?

153 javascript function return ecmascript-6 arrow-functions

4

ES6 rief sofort die Pfeilfunktion auf

Warum funktioniert dies in einer Node.jsKonsole (getestet in 4.1.1 und 5.3.0), aber nicht im Browser (getestet in Chrome)? Dieser Codeblock sollte eine anonyme Funktion erstellen und aufrufen, die protokolliert Ok. () => { console.log('Ok'); }() Auch wenn das oben genannte in Node funktioniert , funktioniert dies nicht: n => { …

149 javascript node.js arrow-functions

4

CoffeeScript, Wann wird der Fettpfeil (=>) über dem Pfeil (->) verwendet und umgekehrt?

Sollten beim Erstellen einer Klasse in CoffeeScript alle Instanzmethoden mit dem =>Operator ("Fettpfeil") und alle statischen Methoden mit dem ->Operator definiert werden ?

133 coffeescript arrow-functions

5

Verwenden von jQuery $ (this) mit ES6-Pfeilfunktionen (lexikalisch diese Bindung)

Die Verwendung von ES6-Pfeilfunktionen mit lexikalischer thisBindung ist großartig. Vor kurzem bin ich jedoch auf ein Problem gestoßen, das ich mit einer typischen jQuery-Klickbindung verwendet habe: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } Verwenden Sie stattdessen eine Pfeilfunktion: …

127 javascript jquery ecmascript-6 arrow-functions

5

Verwenden der Variablen _ (Unterstrich) mit Pfeilfunktionen in ES6 / Typescript

Ich bin in einem Angular-Beispiel auf dieses Konstrukt gestoßen und frage mich, warum dies gewählt wurde: _ => console.log('Not using any parameters'); Ich verstehe, dass die Variable _ bedeutet, dass es egal ist / nicht verwendet wird, aber da es die einzige Variable ist, gibt es einen Grund, die Verwendung …

119 javascript typescript ecmascript-6 arrow-functions

6

Warum sollten JSX-Requisiten keine Pfeilfunktionen verwenden oder binden?

Ich verwende mit meiner React-App Flusen und erhalte folgende Fehlermeldung: error JSX props should not use arrow functions react/jsx-no-bind Und hier führe ich die Pfeilfunktion (innen onClick) aus: {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, 255, 0.72)'}} /> …

103 javascript reactjs ecmascript-6 jsx arrow-functions

2

Ist es möglich, Pfeilfunktionen in ES6 / 7 zu exportieren?

Die folgende Exportanweisung gibt einen Syntaxfehler aus export default const hello = () => console.log("say hello") Warum ? Ich kann nur benannte Funktionen exportieren export function hello() { console.log("hello") } Was ist der Grund?

92 javascript ecmascript-6 arrow-functions

Als «arrow-functions» getaggte Fragen