Wie funktioniert „var FOO = FOO || {};' JavaScript-Namespaces erstellen und verwalten?-js-Tutorial-php.cn

Wie funktioniert „var FOO = FOO || {};' JavaScript-Namespaces erstellen und verwalten?

Mary-Kate Olsen

Freigeben： 2024-12-06 10:50:12

Original

277 Leute haben es durchsucht

How Does

JavaScript-Namespace-Erstellung: „var FOO = FOO || {}“ verstehen

Im Bereich JavaScript tritt häufig ein eigenartiges Muster auf Zu Beginn der Quelldateien ist eine Untersuchung erforderlich: var FOO = FOO || {};. Während sein Zweck zunächst schwer fassbar erscheinen mag, ist || Das {}-Konstrukt spielt eine entscheidende Rolle bei der Einrichtung von Namespaces.

Ein Namespace in JavaScript dient als benanntes Objekt, in dem sich Variablen und Funktionen befinden können, wodurch eine unerwünschte Kontamination des globalen Objekts vermieden wird. Durch die Verwendung dieses Musters können mehrere Dateien mit demselben Namensraum harmonisch interagieren, unabhängig von der Reihenfolge, in der sie geladen werden.

Betrachten Sie beispielsweise zwei Dateien:

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func1 = {};

Nach dem Login kopieren

und

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func2 = {};

Nach dem Login kopieren

Hier stellt der gemeinsame Namespace sicher, dass sowohl func1 als auch func2 korrekt in MY_NAMESPACE definiert sind, unabhängig davon, welche Datei zuerst geladen wird. Die ursprüngliche Datei erstellt das MY_NAMESPACE-Objekt, während nachfolgende Dateien es erweitern.

Asynchrones Laden von Skripten kann ebenfalls von dieser Technik profitieren, wie das Vorhandensein von Defer-Attributen auf

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2205

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2353

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

1970