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

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 = {};

und

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

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