Analyse anonymer JavaScript-Funktionsinstanzen_Javascript-Kenntnisse

Die Beispiele in diesem Artikel beschreiben die Verwendung anonymer JavaScript-Funktionen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Zusammenfassung:

Dieser Artikel erklärt die grundlegendsten und wichtigsten Dinge in JavaScript – Funktionen. Der Grund, warum ich diesen Artikel geschrieben habe, ist, dass ich während des Interviews danach gefragt wurde, und er kann als Auffrischung angesehen werden.

Nehmen wir zunächst ein Beispiel. Wenn Sie es verstehen, bedeutet das, dass Sie bereits verstehen, worum es in diesem Artikel geht.

Code kopieren Der Code lautet wie folgt:

var f = (function() {

Funktion f() {return 10;}

return f();

Funktion f() {return 20;}

var f = 30;

})();

console.log(f);

Funktionen werden in der fortgeschrittenen JavaScript-Programmierung so beschrieben – sie können beliebig viele Anweisungen kapseln und können überall und jederzeit aufgerufen und ausgeführt werden. Ich habe den strikten Modus bereits eingeführt. Der strikte Modus weist einige Funktionseinschränkungen auf:

① Die Funktion kann nicht „eval“ oder „arguments“ genannt werden
② Sie können Parameter nicht als Auswertung oder Argumente benennen
③ Es dürfen nicht zwei benannte Parameter mit demselben Namen

vorhanden sein

Wenn die obige Situation auftritt, führt dies zu einem Syntaxfehler und der Code kann nicht ausgeführt werden.

Funktionsdefinition

Funktionsdefinitionen sind in drei Typen unterteilt

1. Konstruktor

Code kopieren Der Code lautet wie folgt:

var fun = new Funciton();

2. Gemeinsame Definition

Code kopieren Der Code lautet wie folgt:

Funktion fun() {}

3. Funktionsdefinition

Code kopieren Der Code lautet wie folgt:

var fun = function() {};

Die Funktion Spaß kann auf diese drei Arten definiert werden.

Parameter

Der Funktion ist es egal, wie viele Parameter übergeben werden und auch nicht, in welchem ​​Datentyp die Parameter übergeben werden. Auch wenn die von Ihnen definierte Funktion nur zwei Parameter empfängt, müssen Sie beim Aufruf dieser Funktion nicht unbedingt zwei Parameter übergeben. Sie können einen, drei oder auch keinen Parameter übergeben. Der Grund dafür ist, dass die Parameter intern durch ein Array dargestellt werden. Im Funktionskörper kann über das Argumentobjekt auf das Parameterarray zugegriffen werden, beispielsweise

Code kopieren Der Code lautet wie folgt:

Funktion sayHi() {

alarm("Hallo " arguments[0] "," arguments[1]);

}

Ermitteln Sie, wie viele Parameter es gibt, indem Sie auf die Längeneigenschaft des Argumentobjekts zugreifen. Die Länge der Funktion gibt die Anzahl der Parameter der Funktion zurück.

Hinweis: Alle Parameter werden als Wert übergeben und es ist nicht möglich, Parameter als Referenz zu übergeben.

Funktionen können nicht überladen werden, sie können nur neu geschrieben werden

Wenn zwei Funktionen mit demselben Namen definiert sind, gehört der Name nur zur zuletzt definierten Funktion, zum Beispiel:

Code kopieren Der Code lautet wie folgt:

Funktion add(num) {

gibt Nummer 100 zurück;

}

Funktion add(num) {

gibt Nummer 200 zurück;

}

var result = add(100) //300

Hinweis: Die Funktion stoppt und wird sofort nach der Ausführung der Return-Anweisung beendet.

Funktionstypen

Funktionen sind in zwei Typen unterteilt: einer ist benannte Funktion und der andere ist anonyme Funktion. Zum Beispiel die folgende berühmte Funktion

Code kopieren Der Code lautet wie folgt:

Funktion fun() {

}

Bei Aufruf wird nur fun() benötigt.

Anonyme Funktionen haben, wie der Name schon sagt, keine Funktionsnamen. Zum Beispiel

function() {}

Funktionsaufrufe werden über Funktionsnamen aufgerufen. Eine besteht darin, die anonyme Funktion einer Variablen zuzuweisen und die Variable als Funktionsnamen dienen zu lassen. Die andere besteht darin, () zum Aufrufen zu verwenden, beispielsweise die folgenden drei Methoden

1. (function() {return;}());

2. (function() {return;})();

3. function() {return;}();

Beispiel:

Code kopieren Der Code lautet wie folgt:

(Funktion(x, y) {

​​Alarm(x y);

})(2,3);

//alert(5)

2 und 3 werden als Parameter an x ​​und y übergeben

Sprechen wir über das Top-Beispiel. Dieses Beispiel betrifft Schließungen, die später besprochen werden

Definieren Sie zuerst eine Variable f und weisen Sie sie dann einer anonymen Funktion zu. Dabei ist zu beachten, dass die Definition aller Variablen in der Funktion vorangestellt wird, sodass die Ausführungsreihenfolge in der anonymen Funktion
ist

Code kopieren Der Code lautet wie folgt:

var f = (function() {

var f = 30;

Funktion f() {return 10;}

Funktion f() {return 20;}

return f();

})();

Die äußere Variable f und die innere Variable f liegen nicht im selben Gültigkeitsbereich (Abschluss), haben also keinen Einfluss aufeinander. Da die Funktion nicht überladen werden kann, ist die externe Variable f=(function f() {return 20;})();, sodass die endgültige Ausgabe 20 ist.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.