Sprechen Sie über mein Verständnis von JavaScript-Prototypen und Abschlussserien (zufällige Notizen 6)_Javascript-Fähigkeiten

Verwandte Lektüre: Sprechen Sie über mein Verständnis des JavaScript-Prototyps und der Abschlussserie (Shuishou Note 8)

Was ist ein Verschluss

Was ist eine Schließung? Schließung ist Schließung, eine neue Funktion, die statische Sprachen nicht haben. Aber der Abschluss ist nicht allzu kompliziert, um ihn zu verstehen. Kurz gesagt, der Abschluss ist:

• Der Abschluss ist eine Sammlung lokaler Variablen einer Funktion, aber diese lokalen Variablen bleiben nach der Rückkehr der Funktion weiterhin bestehen.

• Schließung bedeutet, dass der „Stapel“ einer Funktion nach der Rückkehr der Funktion nicht freigegeben wird. Wir können auch verstehen, dass diese Funktionsstapel nicht auf dem Stapel, sondern auf dem Heap zugewiesen werden

• Beim Definieren einer anderen Funktion innerhalb einer Funktion wird ein Abschluss generiert

Was ist ein Prototyp?

Ein Prototyp ist ein Objekt, über das andere Objekte die Eigenschaftsvererbung implementieren können.

Kann jedes Objekt ein Prototyp werden?

Ja

Welche Objekte haben Prototypen?

Alle Objekte haben standardmäßig einen Prototyp, da der Prototyp selbst auch ein Objekt ist, sodass jeder Prototyp selbst einen Prototyp hat (mit einer Ausnahme steht der Standardobjektprototyp an der Spitze der Prototypenkette).

Ausführungskontext
Jedes Mal, wenn der Controller zum ausführbaren ECMAScript-Code wechselt, tritt er in einen Ausführungskontext ein.

Ausführungskontext (kurz EC) ist ein abstraktes Konzept. Der ECMA-262-Standard verwendet dieses Konzept, um es vom Konzept des ausführbaren Codes zu unterscheiden.

Die Standardspezifikation definiert den Typ und die Struktur von EC aus technischer Sicht nicht genau. Dies sollte ein Problem sein, das bei der spezifischen Implementierung der ECMAScript-Engine berücksichtigt werden muss.

Aktivitätsausführungskontexte bilden logischerweise einen Stapel. Das untere Ende des Stapels ist immer der globale Kontext und das obere Ende des Stapels ist der aktuelle (aktive) Ausführungskontext. Der Stapel wird geändert, wenn verschiedene EC-Könige verschoben oder entfernt werden.

--------------------------------- --- ----------------------------------

Situation 1:

Bevor der Browser einen Teil des JS-Codes nimmt und ihn tatsächlich Satz für Satz ausführt, hat er bereits einige „Vorarbeiten“ durchgeführt, zu denen die Deklaration von Variablen anstelle der Zuweisung von Werten gehört. Die Variablenzuweisung wird durchgeführt, wenn die Zuweisungsanweisung ausgeführt wird.

Fall 2:

In der Phase „Vorbereitung“ wird dies direkt zugewiesen.

Code kopieren Der Code lautet wie folgt:

console.log(this) //Fenster

Fall 3:

Funktion: Funktionsausdruck und Funktionsdeklaration

 console.log(f1); //function f1() {}
function f1() {} //函数声明
console.log(f2); //undefined
var f2 = function() {}; //函数表达式 

Zusammenfassung der „Vorbereitung“:

•Variable, Funktionsausdruck————Variablendeklaration, die Standardzuweisung ist undefiniert

•diese————Aufgabe

•Funktionsdeklaration————Zuweisung

Wir nennen die Vorbereitung dieser drei Datentypen „Ausführungskontext“ oder „Ausführungskontextumgebung“.

--------------------------------- --- ----------------------------------

Bevor JavaScript ein Codesegment ausführt, führt es diese „vorbereitenden Arbeiten“ durch, um einen Ausführungskontext zu generieren. Dieses „Codesegment“ ist in drei Situationen unterteilt: globaler Code, Funktionscode und Eval-Code.

 //全局代码段
<script type="text/javascript">
 //代码段...
</script>
//函数代码段
function fn(x) {
 console.log(x + 5);
}
var fn = new Function("x", "console.log(x + 5)");
//Eval代码段
eval('var x = 10');
(function foo() {
 eval('var y = 20');
})();
alert(x); //10
alert(y); //"y" is not defined
//因为eval涉及到安全问题(脚本注入),所以尽量不用。 

--------------------------------- --- ----------------------------------

In der Funktion werden neben mehreren Situationen der „Vorbereitung“ auch andere Daten vorhanden sein

 function fn(x) {
 console.log(arguments); //[10]
 conosole.log(x); //10
}
fn(10); 

Der obige Code zeigt, dass die Argumentvariablen und Funktionsparameter zugewiesen wurden, bevor die Anweisungen im Funktionskörper ausgeführt werden.

Jedes Mal, wenn die Funktion aufgerufen wird, wird eine neue Kontextausführungsumgebung generiert. Weil unterschiedliche Aufrufe unterschiedliche Parameter erzeugen können.

Der Umfang der freien Variablen innerhalb des Funktionskörpers wurde bestimmt, als die Funktion definiert (nicht aufgerufen) wurde.

Zusammenfassung:

Der Kontextdateninhalt des globalen Codes ist:

•Gewöhnliche Variablen (einschließlich Funktionsausdrücke), wie zum Beispiel: var a = 10 | ===> Deklaration (Standardzuweisung ist undefiniert)

•Funktionsdeklaration, z. B. Funktion fn() {} | ===>

•diese |. ===> Aufgabe

Funktionskörper

•Parameter |. ===>

•Argumente |. ===>

•Wertebereich freier Variablen |. ====> Zuweisung

Beliebte Definition:

Entfernen Sie vor dem Ausführen des Codes alle Variablen, die verwendet werden sollen. Einige werden direkt zugewiesen, andere werden zuerst von undefiniert belegt.

Der obige Inhalt ist die gesamte Beschreibung des JavaScript-Prototyps und des Abschlussserienverständnisses (zufällige Anmerkungen 6), die der Herausgeber mit Ihnen geteilt hat. Ich hoffe, dass er Ihnen gefällt.