Einige Gedanken zu JavaScript-Namespaces_Javascript-Tipps

Beim letzten Refactoring bin ich auf Namespace-Einstellungen gestoßen, habe nach Wissen gesucht, einige Experten konsultiert und meine eigenen Erfahrungen niedergeschrieben
Ich glaube, jeder weiß, dass Fenster erstklassig ist, deshalb werde ich nicht darüber schreiben Fenster hier. Okay, ignoriere

1: Über die oberste Ebene

Code kopieren Der Code lautet wie folgt:

var ns = ns || {};

Wie Sie sehen können, wird tatsächlich neues Objekt( ) wird automatisch erstellt. Wenn dies der Fall ist, wird dieses Objekt direkt verwendet, sodass es nicht abgedeckt wird.
2: Die zweite Ebene, natürlich können Sie die zweite Ebene auch unter der obersten Ebene ns erstellen, also

Code kopieren Der Code lautet wie folgt:

ns.ModuleClass = {};

Wie Sie sehen können, wird unter ns natürlich eine Klasse erstellt , Sie können auch weiterhin Methoden in der Klasse erstellen, d.

ns.ModuleClass.method1= function() {/ ///};3: Wie man mehrstufige durchführt, wie zum Beispiel diese com.qw. Ansicht, ich möchte es als Namespace festlegen, dies erfordert jeden Ein durch Punkte getrennter Name wird verwendet, um den Namespace separat festzulegen, und er wird auf das Objekt festgelegt. Schauen wir uns ein Beispiel an und legen es fest Fenster:

Code kopieren


Der Code lautet wie folgt:

Funktionsnamespace(sSpace ) { var arr = sSpace.split('.'),i = 0,nameI ; var root = window; for (; nameI = arr[i ];) { if (!root[nameI]) { root[nameI] = {};

}

root = root[nameI];
}
return root;
}



Sie können sehen, dass es tatsächlich die oben erwähnte Idee ist, eine Durchquerung zu verwenden und alle Trennungen als Objekte festzulegen, sodass jede Trennung unabhängig verwendet werden kann.


4: Listen Sie die häufig verwendeten
auf und geben Sie einige Tipps zum einfachen und schnellen Einrichten von Namespaces

Code kopieren
Der Code lautet wie folgt:

if (!window.ns) { window.ns = {};} var ns; if( typeof ns == "undefiniert"){ ns = {}; }

if(typeof ns.ClassName == "undefiniert"){

ns.ClassName = {};
}