Eine kurze Analyse des Funktionsverständnisses in JS

Text: Wir wissen, dass in js eine Funktion tatsächlich ein Objekt ist und dieselben Eigenschaften und Methoden wie andere Referenztypen hat. Daher ist der Funktionsname tatsächlich ein Zeiger auf das Funktionsobjekt und nicht an eine Funktion gebunden. Zusätzlich zu den beiden gängigen Definitionsmethoden (siehe unten) gibt es eine weitere Definitionsmethode, die dieses Konzept intuitiver widerspiegeln kann:

var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐

Der Konstruktor der Funktion kann eine beliebige Anzahl von empfangen Argumente, aber das letzte Argument wird immer als Funktionskörper betrachtet. Ein Nachteil dieser Methode besteht darin, dass der Code zweimal analysiert wird. Beim ersten Mal wird der grundlegende ES-Code analysiert, und beim zweiten Mal wird die an den Konstruktor übergebene Zeichenfolge analysiert . Hier schreiben Es hilft, das Konzept zu verstehen, dass Funktionen in js tatsächlich Objekte sind.

(1) Es gibt kein Konzept der Überladung in js-Funktionen

Wenn es um das Konzept der Überladung geht, vergleichen wir es mit der Implementierung der Überladung in Java: In Java werden Methoden implementiert durch Methoden Eine Signatur identifiziert eine Methode eindeutig. Die Methodensignatur umfasst: Methodenname, Anzahl der Parameter, Parameterreihenfolge und Parametertyp. Wenn also die Methodennamen zweier Methoden gleich sind, andere Signaturelemente jedoch unterschiedlich sind, betrachtet der Compiler sie als zwei verschiedene Methoden, sodass verschiedene Methoden mit demselben Namen vorhanden sein können, um das Konzept der Überladung zu realisieren. (Zitat: Wie man tief verstehen kann, warum es in js keine Überladung gibt – Manxisuos Antwort in Segmentfault).

Wie oben erwähnt, ist der Funktionsname in js tatsächlich ein Zeiger auf das Funktionsobjekt. Daher kann man sagen, dass der Funktionsname der eindeutige Bezeichner einer Funktion ist Zwei Funktionen mit demselben Namen (da ein Zeiger nur auf ein Objekt gleichzeitig zeigen kann) verfügen nicht über das Konzept der Überladung. Zum Beispiel:

function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}

Das Obige kann auch anders geschrieben werden, was intuitiver ist:

var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}

Hier Es ist offensichtlich, dass die obige Linie die Summe auf die Funktion (num1, num2) zeigt und dann die Summe auf die Funktion (num1, num2, num3) zeigt, wodurch der zweite Zeiger den ersten Zeiger überschreibt. Es ist also offensichtlich, dass dies der Fall ist kein Konzept der Überladung in js.

(2) Der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck

Wir wissen, dass es zwei häufig verwendete Methoden zum Definieren von Funktionen gibt: Funktionsdeklaration und Funktionsausdruck.

Die Funktionsdeklaration kann als die gebräuchlichste Definitionsmethode bezeichnet werden, wie im folgenden Beispiel gezeigt:

function sum(num1, num2){
return num1 + num2;
}

Funktionsausdruck, in dem diese Definitionsmethode verwendet wird Abschlüsse und einige Frameworks werden häufig in Angular verwendet, z. B. das allgemeine $scope.doSomething = function(){...} in Angular:

sum = function(num1, num2){
return num1 + num2;
};

Die beiden oben genannten Definitionsmethoden sind fast gleich. Aber es gibt einen kleinen Unterschied. Schauen Sie sich bitte das folgende Beispiel an:

//函数声明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函数表达式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};

Die beiden Codeteile sehen nicht viel anders aus, nur die Art und Weise, wie die Funktion definiert ist, ist unterschiedlich . Tatsache ist jedoch, dass der erste Absatz gut funktioniert, der zweite Absatz jedoch einen Fehler auslöst. Dies liegt daran, dass der Parser bereits Funktionsdeklarationen gelesen und zur Ausführungsumgebung hinzugefügt hat, bevor der Code ausgeführt wird, und zwar durch einen Prozess namens „Funktionsdeklarations-Hoisting“. Einfach ausgedrückt: Der Parser platziert die Funktionsdeklaration zunächst oben im Quellbaum. Im folgenden Code befindet sich die Funktion in einer Initialisierungsanweisung (sie wird nicht an die Spitze gesetzt), bevor diese Zuweisungsanweisung ausgeführt wird. sum zeigt also nicht auf eine Funktion, sodass ein vorheriger Aufruf der Funktion einen Fehler meldet.

Das Obige ist das vom Herausgeber vorgestellte Verständnis der Funktionen in JS (Grundlagen). Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen antworten rechtzeitig. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Artikel zum Verständnis von Funktionen in JS finden Sie auf der chinesischen PHP-Website!