如何在 JavaScript 中为实例化对象提供命名空间
-
09-06-2019 - |
题
我有一个 JavaScript“对象”,是这样构建的:
function foo()
{
this.length = 0;
}
foo.prototype.getLength = function()
{
return this.length;
}
...
我知道如何使用单例 JavaScript 对象模拟命名空间,但是对上述对象进行“命名空间”的最佳方法是什么?
我知道几个 JavaScript 库具有命名空间功能,但我使用的是 jQuery,并且不想添加另一个库。我希望能够为我需要实例化的 JS 对象提供我自己的(也许通过利用 jQuery)内在命名空间方案。
谢谢RP
解决方案
简单的:
if(!MyNamespace) MyNamespace = {};
MyNamespace.foo = function() {
this.length = 0;
};
MyNamespace.foo.prototype.getLength = function() {
return this.length;
};
其他提示
Javascript 并不像其他语言那样真正具有命名空间或包。相反,它有闭包。如果您的应用程序由多个函数、变量和对象组成,那么您应该将它们放在一个全局对象中。这与命名空间具有相同的效果。
例如:
var namespace = {
this.foo: function(){
...
},
this.foo.prototype.getLength: function(){
...
}
}
您还可以创建一组嵌套对象并模拟包:
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");
应该没有太大不同:
namespace.foo = function foo() {...}
namespace.foo.prototype.getLength = function() { ... }
或者你可以使用
(function() {
function foo() { ... }
foo.prototype...
namespace.foo = foo;
})();
以节省一些打字时间。
这两个答案都非常有帮助!这就是我最终得到的结果:
if( typeof( rpNameSpace ) == "undefined" ) rpNameSpace = {};
rpNameSpace.foo = function() {
this.length = 613;
}
rpNameSpace.foo.prototype.getLength = function() {
return this.length * 2;
}
然后,使用生成的“命名空间”对象:
var x = new rpNameSpace.foo()
display( x.getLength() );
另一种选择可能是 鲍勃.js 框架:
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');
不隶属于 StackOverflow