Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Hebung entmystifiziert: Verbessern Sie Ihre Programmierfähigkeiten!

JavaScript-Hebung entmystifiziert: Verbessern Sie Ihre Programmierfähigkeiten!

PHPz
PHPzOriginal
2024-08-08 10:25:51743Durchsuche

Hey? Lassen Sie uns über ein JavaScript-Konzept sprechen, das Sie überraschen könnte – Hoisting! ?

Beim Hoisting geht es darum, wie JavaScript Variablen und Funktionsdeklarationen während der Kompilierungsphase verarbeitet. Im Grunde werden sie an die Spitze ihres Gültigkeitsbereichs verschoben, noch bevor der Code ausgeführt wird. Warte, was!
Was bedeutet das also in der Praxis?
Nehmen wir an, Sie haben diesen Code:

   `console.log(myVar);
   var myVar = "Hello, world!";
   // It outputs: `undefined`

Auch wenn Sie versuchen, myVar zu protokollieren, bevor es deklariert wird, läuft der Code immer noch ohne Fehler. Das liegt daran, dass myVar während der Speichererstellungsphase der Standardwert undefiniert zugewiesen wird. (Sie können meinen letzten Beitrag lesen, in dem ich darüber geschrieben habe, wie JavaScript funktioniert.)

Nehmen wir ein anderes Beispiel:
myFun();
function myFun() { console.log("I am FuN"); }

In diesem Fall wird die gesamte Funktion im Speicher gespeichert. Wenn Sie es trösten ( console.log(myFun) ), werden Sie sehen, dass die gesamte Funktion ausgedruckt oder ausgeführt wird und die Ausgabe I am FuN.

ausgibt

Ziemlich cool, oder? Das Hochziehen kann einige interessante Auswirkungen auf Ihren Code haben. Daher ist es wichtig zu verstehen, wie es funktioniert. ? Lassen Sie mich wissen, wenn Sie über weitere JavaScript-Konzepte sprechen möchten!

Und was ist zuletzt mit den Pfeilfunktionen? ???

Es wird auch wie eine Variable behandelt, in der die gesamte Funktion gespeichert wird. Wenn Sie versuchen, vor der Deklaration myFun() aufzurufen, tritt ein Fehler auf.

Hier ist ein Beispiel:

    `console.log("Before declaration myArrowFun: ", myArrowFun)
    var myArrowFun = () => { console.log("I am Arrow FuN"); }
    console.log("After declaration myArrowFun: ", myArrowFun)
    console.log("Call declaration myArrowFun: ", myArrowFun())`

JavaScript Hoisting Demystified: Elevate Your Coding Skills!

Das obige ist der detaillierte Inhalt vonJavaScript-Hebung entmystifiziert: Verbessern Sie Ihre Programmierfähigkeiten!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Tageswebsites für TageNächster Artikel:Tageswebsites für Tage