Anmerkungen zur JavaScript-Studie (3): JavaScript verfügt auch über eine Hauptfunktion_Javascript-Kenntnisse

In C und Java gibt es eine Einstiegsfunktion oder -methode für das Programm, also die Hauptfunktion oder Hauptmethode. In JavaScript beginnt die Ausführung des Programms am Anfang der JS-Quelldatei. Aber in gewissem Sinne können wir immer noch eine Hauptfunktion als Ausgangspunkt des Programms festlegen. Auf diese Weise können wir sie nicht nur mit anderen Sprachen vereinheitlichen, sondern Sie erhalten möglicherweise auch ein tieferes Verständnis von JS.

1. Tatsächlicher Eintritt

Wenn eine JavaScript-Datei zur Ausführung an die JS-Engine übergeben wird, führt die JS-Engine jede Anweisung einzeln von oben nach unten aus, bis der gesamte Code ausgeführt ist.

2. Bereichskette, globaler Bereich und globales Objekt

Wir wissen, dass jede Funktion in JS bei ihrer Ausführung einen neuen Bereich erstellt. Insbesondere wird ein neuer Bereich erstellt, wenn der Ausführungsprozess in die Funktion eintritt, und dieser Bereich wird zerstört, wenn die Funktionsausführung abgeschlossen und beendet wird. Die formalen Parameter und lokalen Variablen der Funktion werden an diesen Bereich gebunden. Wenn der Funktionsaufruf die Bereichszerstörung abschließt, werden sie entsprechend zerstört. Wenn in besonderen Fällen bei der Rückkehr der Funktion noch auf einige Variablen im Bereich verwiesen wird, werden der Bereich und diese referenzierten Variablen natürlich nicht zerstört und bilden einen sogenannten Abschluss.

Andererseits wissen wir, dass Funktionen verschachtelt werden können, also können auch Bereiche verschachtelt werden. Wenn eine Funktion definiert ist, legt die JS-Engine für jede Funktion ein integriertes Attribut namens [[scope]] fest, das auf den lexikalischen Bereich der externen Funktion verweist. Auf diese Weise bilden mehrere Bereiche eine Kettenstruktur, die als Bereichskette bezeichnet wird. Normalerweise gibt es immer nur eine Bereichskette, d. h. beginnend beim Bereich der ausführenden Funktion und dann Schicht für Schicht nach oben bis zum äußersten globalen Bereich.

[Hinweis]: Funktionen in der Bereichskette sind Funktionen, die Schicht für Schicht im JS-Quellcode verschachtelt sind. Sie haben nichts mit der Reihenfolge zu tun, in der die Funktionen ausgeführt werden, oder mit dem Funktionsaufrufstapel der Ursprung des lexikalischen Geltungsbereichs des Namens.

Der globale Bereich ist ein spezieller Bereich. Er ist kein Funktionsbereich, sondern der äußere Bereich aller Funktionsbereiche und der Endpunkt aller Bereichsketten. Solange das Programm nicht beendet wird, ist der globale Bereich daher immer vorhanden und die Variablen im globalen Bereich sind immer gültig.

[Funktionsbereich 3]-->[Funktionsbereich 2]-->[Funktionsbereich 3]-->[Globaler Geltungsbereich]

Darüber hinaus gibt es entsprechend dem globalen Bereich ein globales Objekt. Im Browser ist das globale Objekt das Fensterobjekt. Das globale Objekt ist ein spezielles Objekt:

Variablen, die im globalen Bereich definiert sind, werden an das globale Objekt gebunden.

In einem beliebigen Bereich definierte Variablen werden, wenn sie ohne das Schlüsselwort var definiert werden, an das globale Objekt gebunden.

Im globalen Bereich verweist dies auf das globale Objekt.

Aus den oben aufgeführten Merkmalen geht hervor, dass, wenn der globale Bereich als Objekt betrachtet wird, es sich tatsächlich um das globale Objekt handelt. Darüber hinaus erklärt dies auch, warum die folgenden vier Aussagen im globalen Geltungsbereich gleichwertig sind:

var a = 1;
a = 1;
window.a = 1;
this.a = 1;

3. Imaginäre Hauptfunktion

Da es sich bei allen um Bereiche handelt, warum brauchen wir einen speziellen globalen Bereich? Wir bevorzugen stets Einfachheit und Konsistenz und versuchen, Komplexität und Spezifität zu vermeiden. Daher fragen wir uns natürlich, ob wir dafür sorgen können, dass der globale Geltungsbereich genauso aussieht wie der Funktionsumfang. Die Antwort ist ja. Wir können uns Folgendes vorstellen:

Wir stellen uns vor, dass die JS-Engine beim Ausführen der Quelldatei den Code in der Datei in eine Funktion namens main einschließt. Verwenden Sie dann diese Hauptfunktion als Einstiegspunkt des Programms.
Angenommen, eine JS-Datei enthält Code wie diesen:

var a = 1;
var b = 2;

function add(x, y) {
  var z = x + y;
  return z;
}
console.log(add(a, b));

Die JS-Engine verpackt das Programm in eine Hauptfunktion, bevor es mit der Ausführung beginnt:

// 虚构的main函数
function main() {
  var a = 1;
  var b = 2;

  function add(x, y) {
    var z = x + y;
    return z;
  }

  console.log(add(a, b));
}

Dann rufen Sie diese Hauptfunktion auf:

main._current_scope_ = window; // 将全局作用域(对象)设为window
main.call(window) // 将this指向window

4. Welche Bedeutung hat das?

(1) JS verfügt auch über die Eingabefunktion main, die mit anderen Sprachen konsistent ist.

(2) Das Konzept des globalen Bereichs wird weggelassen, oder der globale Bereich wird zum Funktionsbereich.

(3) Durch den obigen Aufrufprozess der Hauptfunktion können wir den Ursprung der speziellen Eigenschaften im globalen Bereich verstehen.

(4) Der letzte Punkt besteht darin, den gesamten JS-Quellcode als Funktion zu behandeln, um später den Weg für die Ereigniswarteschlange und die Ereignisschleife zu ebnen.

Das Obige sind die JavaScript-Studiennotizen (3), die Ihnen der Herausgeber vorgestellt hat: JavaScript hat auch die Eingangshauptfunktion, ich hoffe, es gefällt Ihnen.