Wichtige Unterschiede zwischen benannten und anonymen Pfeilfunktionen in Javascript (empfohlen)

Eine benannte Funktion bezieht sich auf eine Funktion, die explizit einen Namen angibt, die Funktion abs(x){}. Eine anonyme Funktion bezieht sich auf eine Funktion, die nur das Schlüsselwort function und keinen Funktionsnamen wie abs hat, z. B. function(){}. Der ES6-Standard fügt eine neue Funktion hinzu: Pfeilfunktion Pfeilfunktionen entsprechen oberflächlich anonymen Funktionen und vereinfachen die Funktionsdefinition. Was ist der Unterschied zwischen ihnen?

1 Der Unterschied zwischen benannten und anonymen Funktionen

Unterschied: Die anonyme Funktion muss die Adresse einer anderen Variablen zuweisen, z. B. a, und dann a verwenden, um die Funktion aufzurufen, während die benannte Funktion dies tun muss explizit geben Der Funktionsname ist enthalten, sodass Sie ihn direkt mit diesem Funktionsnamen aufrufen können.

Der Rückgabewert einer benannten Funktion ist der Rückgabewert im Funktionskörper. Der Rückgabewert der Funktion abs(x) ist beispielsweise die Zahlenvariable. Wenn Sie eine Funktion aufrufen, rufen Sie abs (6) direkt auf, was sehr einfach zu verstehen ist.

function abs(x){
 if(x>=0){
  return x;
 }else{
  return -x;
 }
}

Aber was ist mit anonymen Funktionen? Wie unten gezeigt, gibt die Funktion keinen expliziten Funktionsnamen an, aber abs wird hier die Adresse dieser anonymen Funktion zugewiesen, sodass Sie abs(-3) direkt verwenden können, wenn Sie sie verwenden, und so weiter.

let abs=function(x){
 if(x>=0){
  return x;
 }else{
  return -x;
 }
}

2 Pfeilfunktion

Der ES6-Standard fügt eine neue Funktion hinzu: Pfeilfunktion. Warum heißt es Pfeilfunktion? Weil seine Definition einen Pfeil verwendet. Pfeilfunktionen entsprechen oberflächlich anonymen Funktionen und vereinfachen die Funktionsdefinition.

Die Pfeilfunktion hat zwei Formate. Zum einen enthält sie nur einen Ausdruck, auch {...} und return werden weggelassen.

x => x * x

Die Pfeilfunktion oben entspricht einer anonymen Funktion „“

function (x) {
 return x * x;
}

Es gibt auch eine, die mehrere enthalten kann Anweisungen, Zu diesem Zeitpunkt können { … } und return nicht weggelassen werden:

(x,y) => {
 if (x > 0) {
  return x + y;
 }
 else {
  return -x + y;
 }
}

3 Unterschiede zwischen Pfeilfunktionen und anonymen Funktionen

Pfeilfunktionen scheinen eine zu sein Art der anonymen Funktion Abkürzung, aber tatsächlich gibt es einen klaren Unterschied zwischen Pfeilfunktionen und anonymen Funktionen: Dies innerhalb der Pfeilfunktion ist der lexikalische Bereich, der durch den Kontext bestimmt wird.

Erhalten der Aufruf der Funktion obj1.getAge(2017) und der Aufruf von obj2.getAge(2017) das gleiche Ergebnis?

Die fn-Funktion in obj1 kann aufgrund der falschen Verarbeitung dieser Bindung durch die JavaScript-Funktion nicht das erwartete Ergebnis erzielen.

Aber obj2- und fn-Funktionen sind Pfeilfunktionen, die die Ausrichtung hiervon vollständig festlegen. Dies zeigt immer auf den lexikalischen Bereich, der der äußere Aufrufer obj2 ist.

var obj1 = {
 birth: 1990,
 getAge: function (year) {
  let fn=function(y){
   return y - this.birth; // this指向window或undefined
  };
  return fn(year);
 }
};
var obj2 = {
 birth: 1990,
 getAge: function (year) {
  var fn = (y) => y - this.birth; // this.birth为1990
  return fn(year);
 }
};

4 Zusammenfassung

Im Vergleich zu benannten Funktionen müssen anonyme Funktionen die Adresse einer anderen Variablen zuweisen lassen, und dann Verwenden Sie a, um die Funktion aufzurufen. Im Vergleich zu anonymen Funktionen reparieren Pfeilfunktionen die Ausrichtung dieser Funktion vollständig, was immer auf den lexikalischen Bereich zeigt.

Das Obige ist der vom Herausgeber eingeführte wichtige Unterschied zwischen benannten anonymen Pfeilfunktionen. Ich hoffe, er wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Du rechtzeitig!

Weitere wichtige Unterschiede zwischen benannten und anonymen Pfeilfunktionen in Javascript (empfohlen) finden Sie auf der chinesischen PHP-Website für verwandte Artikel!