Wie namespaces in JavaScript mit instanzierten Objekte

Habe ich eine JavaScript - "Objekt", diese Art gebaut:

function foo()
{
    this.length = 0;
}

foo.prototype.getLength = function()
{
    return this.length;
}

...

Ich weiß, wie zu emulieren namespaces mit singleton-JavaScript-Objekte, aber was ist der beste Weg, um "namepace" ein Objekt wie oben, dass wird intanced?

Ich weiß, dass mehrere JavaScript-Bibliotheken haben namepacing Fähigkeiten, aber ich bin mit jQuery und möchte lieber nicht fügen Sie eine weitere Bibliothek in den mix. Ich möchte in der Lage, meinen eigenen, vielleicht durch die Ausnutzung von jQuery, die intrinsische Namensräume Schema für die JS-Objekte von mir, die müssen instanziert werden.

Dank
rp

InformationsquelleAutor rp. | 2008-08-22
  1. 12

    Einfach:

    if(!MyNamespace) MyNamespace = {};

MyNamespace.foo = function() {
   this.length = 0;
};
MyNamespace.foo.prototype.getLength = function() {
   return this.length;
};
    • Findet Prototyp-Erstellung, da instanceof sollte nicht funktionieren.
    • huh? Was redest du da?! "Prototyp" ist eine Eigenschaft, die automatisch, es muss nicht "erstellt" per se
    InformationsquelleAutor Jason Bunting
  2. 7

    Javascript nicht wirklich Namespaces oder packages wie den anderen Sprachen. Stattdessen hat er-Verschlüsse. Wenn Sie eine Anwendung, die besteht aus mehrere Funktionen, Variablen und Objekte, dann sollte man Sie in eine einzige Globale Objekt. Dies wird die gleiche Wirkung haben wie ein namespace.

    Beispiel:

    var namespace = {
  this.foo: function(){
    ...
  },
  this.foo.prototype.getLength: function(){
    ...
  }
}

    Könnte man auch einen Satz von verschachtelten Objekten simulieren und Pakete:

    loadPackage = function(){
  var path = arguments[0];
  for(var i=1; i<arguments.length; i++){
    if(!path[arguments[i]]){
      path[arguments[i]] = {};
    }
    path = path[arguments[i]];
  }
  return path;
}

loadPackage(this, "com", "google", "mail") = {
  username: "gundersen",
  login: function(password){
    ...
  }
}
this.com.google.mail.login("mySecretPassword");
    • Gute Tipps-aber ich denke, Sie wollen Doppelpunkt anstelle des Semikolons in deinem ersten Beispiel nicht?
    InformationsquelleAutor Marius
  3. 2

    Sollte nicht viel anders sein:

    namespace.foo = function foo() {...}
namespace.foo.prototype.getLength = function() { ... }

    oder verwenden Sie

    (function() {
  function foo() { ... }
  foo.prototype...
  namespace.foo = foo;
})();

    speichern Tippen.

    InformationsquelleAutor Nickolay
  4. 2

    Beide Antworten waren sehr hilfreich!!! Hier ist, was ich endete mit: 

    if( typeof( rpNameSpace ) == "undefined" ) rpNameSpace = {};

rpNameSpace.foo = function() {
    this.length = 613;
}
rpNameSpace.foo.prototype.getLength = function() {
    return this.length * 2;
}

    Dann verwenden Sie die resultierende "Namespace" - Objekt:

    var x = new rpNameSpace.foo()

display( x.getLength() );
    InformationsquelleAutor rp.
  5. -1

    Einer anderen alternative kann die bob.js Rahmen:

    bob.ns.setNs('myApp.myFunctions', { 
    say: function(msg) {  
        console.log(msg); 
    } 
}); 

//sub-namespace
bob.ns.setNs('myApp.myFunctions.mySubFunctions', { 
    hello: function(name) { 
        myApp.myFunctions.say('Hello, ' + name); 
    } 
}); 

//call:
myApp.myFunctions.mySubFunctions.hello('Bob');
    InformationsquelleAutor Tengiz
Schreibe einen Kommentar