扩展 JavaScript 命名空间

Question

我是否做错了什么或者这根本不可能：

(function(namespace,undefined)
{
    //Private properties and methods
    var foo="bar";
    function test(){return foo;}

    //Public properties and methods
    namespace.foobar=foo+"123";
    namespace.showFoo=function(){return test();};
})(window.namespace=window.namespace || {});

然后我尝试“扩展”上述命名空间并添加一个新方法：

(function(namespace,undefined)
{
    //Public method
    namespace.sayGoodbye=function()
    {
        alert(namespace.foo);
        alert(namespace.bar);
        alert(test());
    }
})(window.namespace=window.namespace || {});

警报显示属性的 undefined 并引发 错误>test() 方法。

谢谢。

Answer 1

为什么您希望有 foo 和 bar 可用？这些标识符永远不会在任何地方分配给您的命名空间对象。

使用 var 声明的任何变量仅在当前激活/变量对象的 Function(-Context) 中可用。对于函数声明也是如此，在您的例子中，test()。这两个都仅存储在第一个匿名函数的 AO 中，而不存储在您的命名空间 对象中。您必须显式分配值

namespace.foo = foo;
namespace.bar = "hello I am bar";

Answer 2

您的代码中有几个错误。该代码正在运行。 示例。

(function(namespace)
{
    if(namespace === undefined) {
        window.namespace = namespace = {};
    }

    //Private properties and methods
    var foo="bar";
    function test(){return foo;}

    //Public properties and methods
    namespace.foobar=foo+"123";
    namespace.showFoo=function(){return test();};
})(window.namespace);

(function(namespace)
{
    if(namespace === undefined) {
        window.namespace = namespace = {};
    }

    //Public method
    namespace.sayGoodbye=function()
    {
        alert(namespace.foobar);
        alert(namespace.showFoo());
    }
})(window.namespace);

window.namespace.sayGoodbye();

错误：
1.您从未设置变量window.namespace。
2. 如果您在函数中以私有方式声明变量/函数，则只有该特定函数可以访问这些变量/函数。
如果你想使用命名空间，你可以这样做：

var namespace = (function(){
        var private = "private";
        function privateFunc() {
                return private;
        }
        return {
            "publicFunc": function(){return privateFunc()}
        }
    })();
namespace.publicFunc() === "private";
//alert(namespace.publicFunc());


// extend namespace
(function(namespace){
    var private = "other private";
    namespace.newFunc = function(){return private};
})(namespace);
namespace.newFunc() === "other private";
//alert(namespace.newFunc());

Answer 3

命名空间声明和命名空间扩展：

var namespace = function(str, root) {
    var chunks = str.split('.');
    if(!root)
        root = window;
    var current = root;
    for(var i = 0; i < chunks.length; i++) {
        if (!current.hasOwnProperty(chunks[i]))
            current[chunks[i]] = {};
        current = current[chunks[i]];
    }
    return current;
};

// ----- USAGE ------

namespace('ivar.util.array');

ivar.util.array.foo = 'bar';
alert(ivar.util.array.foo);

namespace('string', ivar.util); //or namespace('ivar.util.string');

ivar.util.string.foo = 'baz';
alert(ivar.util.string.foo); 

尝试一下：http://jsfiddle.net/stamat/Kb5xY/

博客文章：http://stamat.wordpress.com/2013/04/12/javascript-elegant-namespace-declaration/