Heim > Web-Frontend > js-Tutorial > Bereiche in Javascript

Bereiche in Javascript

WBOY
Freigeben: 2024-08-14 10:31:10
Original
1059 Leute haben es durchsucht

Scopes in Javascript

Hallo zusammen, Willkommen in meinem Blog

Ich bin Swarnendu. In diesem Blog erkläre ich das Konzept des Scopping in JavaScript.

Javascript ist eine der interessantesten Sprachen und macht im Fall von Scopping einige interessante Dinge. Wenn Sie die Bereiche in Javascript beherrschen, können Sie fehlerfreien Code schreiben. Bleiben Sie bei diesem Artikel, wir werden uns eingehend mit den Bereichen von Javascript befassen.

Was sind Scopes??
Scope ist das Konzept von Javascript, das sich auf den aktuellen Ausführungskontext bezieht, in dem auf Werte und Ausdrücke zugegriffen werden kann. Einfacher ausgedrückt bestimmt der Bereich, wo in Ihrem Code auf Variablen und Funktionen zugegriffen oder darauf verwiesen werden kann.

Machen Sie sich keine Sorgen, wenn Sie diese technischen Definitionen nicht verstehen. In diesem Artikel werde ich zum besseren Verständnis praktische Beispiele aus der Praxis geben.

Es gibt hauptsächlich zwei Arten von Geltungsbereichen: 1. Globaler Geltungsbereich
2. Lokaler Geltungsbereich

Zwei Arten von lokalen Bereichen sind: Blockbereich und Funktionsbereich.

Stellen Sie sich vor, Sie organisieren die Hochzeitsveranstaltung Ihres Freundes und müssen sich um verschiedene Arbeiten kümmern, z. B. Dekorationen, Einladungen, Catering usw. Für jede dieser Arbeiten/Aufgaben müssen Sie bestimmte Aufgaben erledigen, und
Natürlich möchten Sie diese Aufgaben nicht gegenseitig beeinträchtigen. Deshalb lösen wir dieses Problem mithilfe des Javascript-Scopes-Konzepts.

Globaler Geltungsbereich:

Global Scope ist wie der Hauptorganisator der Hochzeitsveranstaltung. In diesem Fall sind Sie der globale Bereich, der Zugriff auf alle Aufgaben (Variablen) wie Dekorationen, Einladungen, Catering usw. hat. Sie können jeden Teil sehen und steuern der Veranstaltung.

Wenn Variablen, die außerhalb einer Funktion/eines Blocks deklariert wurden, im globalen Bereich liegen. Auf diese globalen Variablen kann von überall im Code zugegriffen werden.

`var globalVariable = "Ich bin eine globale Variable";

Funktion func() {
console.log(globalVariable);

}

func(); // „Ich bin eine globale Variable“
console.log(globalVariable); // Auch hier zugänglich
`
Im obigen Beispiel wird globalVariable im globalen Bereich des Codes deklariert, sodass überall im Code darauf zugegriffen werden kann.

Lokaler Geltungsbereich:

Wenn sich innerhalb einer Funktion oder eines Blocks deklarierte Variablen im lokalen Bereich befinden. Auf diese Variablen kann nur innerhalb der Funktion oder des Blocks zugegriffen werden.

Auf der Hochzeit Ihres Freundes muss es jetzt für jede Aufgabe einen Aufgabenmanager geben. Für das Catering gibt es einen Catering-Manager, ebenfalls einen Dekorationsmanager und einen Einladungsmanager. Jeder Manager arbeitet unabhängig und mischt sich nicht in andere ein.

A. Funktionsumfang:

Var: Immer wenn wir eine Variable innerhalb einer Funktion verwenden, erhält die Variable den Funktionsumfang. Wenn wir eine externe Funktion verwenden, wird unabhängig davon, ob sie in einem Block geschlossen ist oder nicht, eine globale Variable ausgegeben.

`Funktion func() {
var localVariable = „Ich komme aus einer lokalen Variablen“;
console.log(localVariable); // localVariable ist hier zugänglich
}

func();
console.log(localVariable); //Fehler ausgeben: localVariable ist nicht definiert
`
Für mein obiges Beispiel können Sie sich vorstellen, dass der Catering-Manager eine Liste mit Menüpunkten (variabel) hat, die nur für das Catering relevant ist. Ebenso ist eine innerhalb einer Funktion deklarierte Variable nur für diese Funktion relevant (d. h. zugänglich).

B. Blockbereich:

Let: Wann immer wir eine Variable mit let initialisieren, erhält sie immer den Gültigkeitsbereich des umschließenden Blocks. 'let' erlaubt auch keine erneute Deklaration.

Const: Es ähnelt „let“, kann einer Variablen jedoch keinen neuen Wert zuweisen (was in „let“ möglich ist).

`Funktion func() {
if (true) {
let blockVariable = „Ich komme aus einer blockbezogenen Variable“;
console.log(blockVariable); // blockVariable ist hier zugänglich
}
console.log(blockVar); // Fehler: blockVariable ist nicht definiert
}

func();
`
Hier ist blockVariable nur innerhalb des if-Blocks zugänglich, da sie mit „let“ deklariert wird.

Für das obige Beispiel gibt es im Catering-Job möglicherweise kleinere Aufgaben wie „Desserts zubereiten“ und „Hähnchen zubereiten“. Wenn der Catering-Manager eine Liste mit Gewürzen/Desserts aufschreibt (eine Variable in einem Block), ist diese nur bei der Zubereitung von Hühnchen/Desserts relevant/nützlich und wird nach Abschluss der Aufgabe weggeräumt.

Zusammenfassend lässt sich sagen, dass es bei Socpe in Javascript darum geht, zu steuern, wo auf die Variablen zugegriffen werden kann. Ebenso verwalten Sie die Aufgabe bei der Hochzeit Ihres Freundes.

Ich hoffe, Sie verstehen den Umfang von Javascript und den Hauptunterschied zwischen let und var. Wenn Sie möchten, können Sie dem kommenden Javascript-Blog folgen und auch loben, was ich in meinem Schreiben verbessern sollte.

Danke?.

Das obige ist der detaillierte Inhalt vonBereiche 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage