Создания пространств имен для библиотеки JavaScript

Question

Я пытаюсь создать библиотеку foo.js с функцией foo.bar в нем, что я могу назвать, как так:

<script src="foo.js"></script> 
<script> 
    baz = foo.bar(); 
</script> 

Я пытаюсь написать эту библиотеку так:

foo = function() { 
    foo.bar = function() { 
     // code goes here 
    } 
}(); 

, который является образцом, который я видел, используется в других местах, хотя я не могу сказать, что я точно понимаю, что происходит. Когда я пытаюсь использовать это, мне говорят, что foo не определяется, когда я пытаюсь определить foo.bar. Что мне не хватает?

Answer 1

Существует так много возможных узоров, что невозможно быть уверенным в том, что вы хотели.

Вы можете сделать это, например:

var foo = (function(foo) { 
    // here you can also declare "private" non exported variables, 
    // including functions that could be used by bar 
    foo.bar = function() { 
     // code goes here 
    } 
    return foo; 
})(foo||{}); 

Это обеспечит foo существует и будет добавить bar функцию foo. Если foo не существует раньше, он создается. Если он существует раньше, он просто дополняется.

Та же логика может быть использована для создания подмодулей, тогда это имеет смысл.

Answer 2

Или вы могли бы сделать это:

var foo = { 
      bar : function() { 
       // code goes here 
      } 
}; 

но это литерал объекта, но все-таки можно назвать с foo.bar()

Answer 3

прочитать эту книгу для JS-моделей:

http://addyosmani.com/resources/essentialjsdesignpatterns/book/

его бесплатно, и его отлично!

вдохновлен dystroys ответ я бы изменить его немного и записать его как этот

var foo = (function() { 

    // your private stuff here 

    return { 
    bar: function() {} 
    }; 

})(); 

Answer 4

Я хотел бы написать мои JavaScript модули сегодня, как это:

(function(exports){ 

    exports.greet = function(){ 
     return 'hello beloved world' 
    }; 

})(typeof exports === 'undefined'? this['uebermodule']={}: exports); 

Таким образом, вы можете использовать свою библиотеку в браузере, а также в node.js

uebermodule.greet() // is uniform in node as in browser 

Dr. Axel Rauschmayer написал на эта тема.