Расширение пространства имен 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 будут доступны?Эти идентификаторы никогда не назначаются вашему namespace объекту.

Любая переменная, объявленная с var, доступна только в функции (-Context) текущего объекта активации / переменной.То же самое касается function declarations, в вашем случае test().Оба они хранятся в AO только от первой анонимной функции и не хранятся в вашем namespace объекте.Вы должны были бы явно назначить значения

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

Answer 2

Объявление пространств имен и расширение пространств имен:

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/

Answer 3

В вашем коде несколько ошибок. Этот код работает. Пример . * +1003 *

(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());