Como fornecer namespaces em JavaScript com objetos instanciados
-
09-06-2019 - |
Pergunta
Eu tenho um "objeto" JavaScript, construído desta forma:
function foo()
{
this.length = 0;
}
foo.prototype.getLength = function()
{
return this.length;
}
...
Eu sei como emular namespaces com objetos JavaScript singleton, mas qual é a melhor maneira de "namepace" um objeto como o acima que será instanciado?
Eu sei que várias bibliotecas JavaScript possuem recursos de namepacing, mas estou usando jQuery e prefiro não adicionar outra biblioteca à mistura.Eu gostaria de poder fornecer o meu próprio esquema de namespace intrínseco, talvez explorando o jQuery, para os meus objetos JS que precisam ser instanciados.
Obrigado RP
Solução
Simples:
if(!MyNamespace) MyNamespace = {};
MyNamespace.foo = function() {
this.length = 0;
};
MyNamespace.foo.prototype.getLength = function() {
return this.length;
};
Outras dicas
Javascript realmente não possui namespace ou pacotes como outras linguagens.Em vez disso, tem fechamentos.Se você tiver um aplicativo que consiste em múltiplas funções, variáveis e objetos, deverá colocá-los dentro de um único objeto global.Isso terá o mesmo efeito que um namespace.
Por exemplo:
var namespace = {
this.foo: function(){
...
},
this.foo.prototype.getLength: function(){
...
}
}
Você também pode criar um conjunto de objetos aninhados e simular pacotes:
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");
Não deveria ser muito diferente:
namespace.foo = function foo() {...}
namespace.foo.prototype.getLength = function() { ... }
ou você pode usar
(function() {
function foo() { ... }
foo.prototype...
namespace.foo = foo;
})();
para economizar digitação.
Ambas as respostas foram muito úteis!Aqui está o que acabei:
if( typeof( rpNameSpace ) == "undefined" ) rpNameSpace = {};
rpNameSpace.foo = function() {
this.length = 613;
}
rpNameSpace.foo.prototype.getLength = function() {
return this.length * 2;
}
Então, para usar o objeto "namespaced" resultante:
var x = new rpNameSpace.foo()
display( x.getLength() );
Outra alternativa pode ser a bob.js estrutura:
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');