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

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

PHPz
Freigeben: 2024-08-08 10:25:51
Original
768 Leute haben es durchsucht

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`
Nach dem Login kopieren

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())`
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage