JavaScript -Namespace

JavaScript "Namespace" ist ein Programmierparadigma, das zur Zuweisung von Umfang an die Kennungen wie Variablen und Funktionsnamen verwendet wird. Es wird gewohnt Kollisionen verhindern zwischen den gleich benannten Variablen und Funktionen. Beispielsweise erfordert ein JavaScript -Programm das Erstellen der gleichen Namensvariablen in einem anderen Kontext. In dieser Situation nutzen “NamespaceIsoliert die Kontexte und ermöglicht es, dass der gleiche Kennung in anderen Namespaces verwendet werden kann.

In diesem Beitrag werden die Verwendung des JavaScript -Namespace Mit Hilfe geeigneter Beispiele. So lass uns anfangen!

JavaScript -Namespace

In JavaScript ist das Konzept des Hinzufügens von Klassen, Methoden, Variablen und Objekten in einem Container als "bekannt als"Namespace“. Der Code, den Sie in einem JavaScript -Programm und den vordefinierten Methoden schreiben, werden in der “gespeichert“Fenster"Variable, die als als" angesehen werden kann "globaler Namespace“. Dieser Fenster -Namespace wird verwendet, wenn eine neue Variable erstellt wird. Wenn Sie jeden Wert in der neu erstellten Variablen speichern. So funktioniert die Hierarchie in JavaScript.

Ist JavaScript -Namespace notwendig

Hier finden Sie die Liste einiger der Probleme, mit denen Sie in einem JavaScript -Projekt möglicherweise keinen Namespace verwenden können:

• Wenn Sie alles unter dem deklariert haben Globaler oder Fensternamenspace, dann ist es möglich, dass jemand anderes kann ihre Funktionalität überschreiben. In einem solchen Szenario zeigen die anderen Compiler -Sprachen einen Kompilierungsfehler an. JavaScript wirft jedoch keinen Fehler auf, und Ihr Code funktioniert nicht gemäß der zusätzlichen Logik.
• Um eine neue Variable zu nennen, müssen Sie sorgfältig suchen, um zu überprüfen.
• Wenn alles unter einen Namespace platziert wird, wird es schwieriger zu Vorschläge finden Auch nach der Installation von Plugins in einer integrierten Entwicklungsumgebung (IDE).
• Schließlich ist es keine ideale Praxis, alles in einem einzigen globalen Namespace hinzuzufügen.

Lassen Sie uns nun die Methode zur Verwendung des JavaScript -Namespace demonstrieren.

So verwenden Sie den JavaScript -Namespace

Um den Namespace in JavaScript zu verwenden, können Sie eine erstellen “ObjektAuf folgende Weise wörtlich:

const vehicle =
Start: () =>
Konsole.log ('das Fahrzeug starten')
,
Stopp: () =>
Konsole.log ('Stop das Fahrzeug')

Im obigen Programm, "Start" und "Stop" Methoden werden unter dem "Name speichert"FahrzeugObjekt, und sie verschmutzen die nicht "Globales Objekt".

In ähnlicher Weise können Sie die Methoden auch einem bereits erstellten JavaScript -Objekt in Verbindung bringen:

const vehicle =
Fahrzeug.start = () =>
Konsole.log ('das Fahrzeug starten')
Fahrzeug.stop = () =>
Konsole.log ('Stop das Fahrzeug')

In einem solchen Szenario sind die Methoden aufgrund von Hinweisen auf die “immer noch von außen zugänglich zugänglichFahrzeug" Objekt.

Um den Code von außen vollständig zu verbergen, können Sie “wickeln"Der gewünschte Code in lockigen Klammern"”, In einem“unabhängig" Block:

const start = () =>
Konsole.log ('das Fahrzeug starten')

const stop = () =>
Konsole.log ('Stop das Fahrzeug')

Schauen Sie sich nun die Prozedur der Verwendung derselben Kennung in verschiedenen JavaScript -Namespaces an.

Beispiel

Wir werden jetzt eine Kennung erstellen “Start”Und verknüpfen es mit dem "LKW" und "Bus" Objekte. In diesem Szenario die gleiche Kennung “Start”Wird in verschiedenen Namespaces verwendet, indem es mit verschiedenen globalen Objekten verknüpft wird:

var truck =
Start: function ()
Konsole.Protokoll ("LKW in Start!");


var bus =
Start: function ()
Konsole.Protokoll ("Bus wird begonnen!");

Als nächstes werden wir uns auf das anrufenStart()Funktion mit beiden Objekten:

LKW.Start();
Bus.Start();

Die angegebene Ausgabe bedeutet, dass beide "LKW" und "Bus" erfolgreich abgerufen auf “Start()Funktion:

Vorteile des JavaScript -Namespace

Schauen Sie sich die folgenden Vorteile der Verwendung des JavaScript -Namespace an:

• Der JavaScript -Namespace Verwendung schützt Und isoliert den Code aus anderen Anwendungen.

• Es organisiert den Code, Ich mach das leicht zu lesen, zu verstehen und zu verändern gemäß den Anforderungen.

• Es Vermeidet Speicherleckage.
• Wenn Sie verwenden möchten Mehrere Funktionen mit dem gleichen nennen, dann unterscheiden sie durch Verwendung des JavaScript -Namespace.
• Mit Hilfe des Namespace wird es leicht zu erkennen Die Variablen und Funktionen von wo sie definiert sind.

Das waren alles wesentliche Informationen über die JavaScript -Namespace. Sie können nach Bedarf recherchieren.

Abschluss

JavaScript -Namespace ist ein Konzept des Hinzufügens von Klassen, Methoden, Variablen und Objekten in einem Container. Es handelt sich um ein Programmierparadigma, das zur Zuweisung des Umfangs den Kennungen wie Variablen und Funktionen verwendet wird. JavaScript -Namespace unterstützt die Verhinderung der Kollision zwischen den gleichen Namensvariablen und Funktionen. In diesem Beitrag wurde die Verwendung des JavaScript -Namespace mit Hilfe geeigneter Beispiele erörtert.