Heim > Web-Frontend > js-Tutorial > Was ist Heben in JavaScript?

Was ist Heben in JavaScript?

Patricia Arquette
Freigeben: 2025-01-14 22:30:48
Original
579 Leute haben es durchsucht

O que é Hoisting no JavaScript?

Stellen Sie sich vor, Sie bereiten sich auf eine Zaubershow vor. Bevor es losgeht, organisiert der Zauberer alle Gegenstände, die er auf der Bühne verwenden wird, und platziert die Karten, Hasen und den Hut an der richtigen Stelle. Das hilft ihm, die Tricks zu machen, ohne dass er es vermasselt.

In JavaScript passiert etwas Ähnliches, wenn Sie Ihren Code schreiben. Der „Zauberer“ ist in diesem Fall JavaScript, das einige Dinge organisiert, bevor es mit der Ausführung des Programms beginnt. Diese automatische Organisation nennt sich Heben.


Wie funktioniert das Heben?

  1. Einstellungen zuerst:
    JavaScript nimmt alle Deklarationen von Variablen und Funktionen und „klettert“ sie an den Anfang des Codes. Es ist, als ob er sagte: „Bevor ich anfange, trenne ich alles Wichtige, damit ich nicht verloren gehe.“

  2. Wichtig:
    Es werden nur die Deklarationen nach oben verschoben, nicht die zugewiesenen Werte. Es ist, als ob Sie sagen würden: „Hey, diesen magischen Hut gibt es!“, aber JavaScript erkennt erst, wie der Hut verwendet wird, wenn er zum richtigen Zeitpunkt im Code ankommt.


Ein einfaches Beispiel

Siehe diesen Code:

console.log(meuNome); // undefined
var meuNome = "Jonas";
console.log(meuNome); // Jonas
Nach dem Login kopieren

Auf den ersten Blick erscheint es seltsam: Woher weiß JavaScript, dass myName existiert, bevor ich es deklariere?

Das passiert, weil er hinter den Kulissen so etwas tut:

var meuNome; // Declaração "subiu"
console.log(meuNome); // undefined
meuNome = "Jonas"; // Valor atribuído
console.log(meuNome); // Jonas
Nach dem Login kopieren

Mit anderen Worten, es fügt die Deklaration der Variablen meinName hinzu, weist aber nur den Wert "Jonas" an der richtigen Stelle zu.

Hochziehen mit let und const

Nun gibt es einen wichtigen Unterschied: Wenn Sie let oder const verwenden, lässt JavaScript die Verwendung der Variablen vor der Deklaration nicht zu.
Schauen Sie es sich an:

console.log(idade); // Erro: Cannot access 'idade' before initialization
let idade = 14;
Nach dem Login kopieren

Dies geschieht, weil let und const in einem speziellen Bereich „gespeichert“ werden und erst verwendet werden können, nachdem Sie sie deklariert haben.

Heben mit Funktionen

Funktionen in JavaScript werden ebenfalls „erhöht“. Sehen Sie sich dieses Beispiel an:

cumprimentar();

function cumprimentar() {
  console.log("Olá!");
}
Nach dem Login kopieren

Sogar der Aufruf der Funktion vor der Deklaration funktioniert! Dies geschieht, weil JavaScript die gesamte Funktion an den Anfang des Codes „klettert“.

Abschluss

Das Hochfahren ist, als ob JavaScript ein superorganisierter Zauberer wäre: Es wirft einen kurzen Blick auf Ihren Code, bevor er ausgeführt wird, trennt alle Variablen- und Funktionsdeklarationen und erst dann beginnt die Show.

Aber denken Sie daran: Mit großer Kraft geht große Verantwortung einher. Die Verwendung des Hebevorgangs ohne Verständnis kann zu Verwirrung führen. Deklarieren Sie Ihre Variablen und Funktionen daher sorgfältig, damit Ihr Code klarer und organisierter ist!

Das obige ist der detaillierte Inhalt vonWas ist Heben in JavaScript?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage