Maison > interface Web > js tutoriel > Comment fonctionne 'var FOO = FOO || {};' Créer et gérer des espaces de noms JavaScript ?

Comment fonctionne 'var FOO = FOO || {};' Créer et gérer des espaces de noms JavaScript ?

Mary-Kate Olsen
Libérer: 2024-12-06 10:50:12
original
277 Les gens l'ont consulté

How Does

Création d'espace de noms JavaScript : Comprendre "var FOO = FOO || {}"

Dans le domaine de JavaScript, un modèle particulier fréquemment rencontré dès le début, les fichiers sources méritent une enquête : var FOO = FOO || {};. Bien que son objectif puisse sembler insaisissable à première vue, le || La construction {} joue un rôle crucial dans l'établissement des espaces de noms.

Un espace de noms en JavaScript sert d'objet nommé dans lequel des variables et des fonctions peuvent résider, évitant ainsi la contamination indésirable de l'objet global. En utilisant ce modèle, plusieurs fichiers partageant le même espace de noms peuvent interagir harmonieusement, quel que soit l'ordre dans lequel ils sont chargés.

Par exemple, considérons deux fichiers :

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func1 = {};
Copier après la connexion

et

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func2 = {};
Copier après la connexion

Ici, l'espace de noms partagé garantit que func1 et func2 sont définis correctement dans MY_NAMESPACE, quel que soit le fichier chargé en premier. Le fichier initial crée l'objet MY_NAMESPACE, tandis que les fichiers suivants l'augmentent.

Le chargement de script asynchrone peut également bénéficier de cette technique, comme le montre la présence d'attributs defer sur

Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal