Eine Zusammenfassung der JavaScript-Pfeilfunktionssyntax

Zusammenfassung der JavaScript-Pfeilfunktionssyntax

1. Wenn keine Parameter vorhanden sind

var demo = function（）{
}

Entspricht:

var demo = () => {
}

2. Wenn nur ein Parameter vorhanden ist

var demo = function（a）{
return a;
}

Entspricht:

var demo = a => a

3 . Es müssen Klammern für mehrere Parameter verwendet werden, und die Kommatrennung zwischen den Parametern

var demo = function（a,b）{
return a+b;
}

entspricht:

var demo = (a,b) => a+b

4 Geschweifte Klammern

var demo = function（a,b）{if(a>b){
    return a-b;} else{
    return b-a;
  }}

ist äquivalent zu:

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}

5. Bei der Rückgabe eines Objekts muss es in Klammern gesetzt werden, da die geschweiften Klammern belegt sind und als interpretiert werden ein Codeblock

var demo = (name,age) =>{return ({    name: name,    age: age   })}

6. Als Array-Sortierrückruf

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})

Hinweis:

Pfeilfunktionen unterscheiden sich tatsächlich von traditionelle Funktionen, aber es gibt immer noch gemeinsame Merkmale.
Zum Beispiel:
1. Der Operationstyp für die Pfeilfunktion gibt „Funktion“ zurück.
2. Die Pfeilfunktion ist immer noch eine Instanz von Function, daher stimmt die Ausführungsmethode von instanceof mit der herkömmlichen Funktion überein.
3. Die Methode call/apply/bind ist weiterhin auf Pfeilfunktionen anwendbar, aber selbst wenn diese Methoden aufgerufen werden, um den aktuellen Bereich zu erweitern, ändert sich daran immer noch nichts.
4. Der größte Unterschied zwischen Pfeilfunktionen und herkömmlichen Funktionen besteht darin, dass die neue Operation deaktiviert ist

Empfohlenes Tutorial: „js-Basis-Tutorial“

Das obige ist der detaillierte Inhalt vonEine Zusammenfassung der JavaScript-Pfeilfunktionssyntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!