JavaScript 模块解释

Question

这种方式有什么区别:

var MyNamespace = window.MyNamespace || {};

MyNamespace.Helper = function()
{
     var _getValue = function()
     {
         var value = 5;

         return value;
     };


    return 
    {
         getValue: _getValue
    };
}();

这样:

var MyNamespace = window.MyNamespace || {};

MyNamespace.Helper = function()
{
    function _getValue()
    {
       var value = 5;

       return value;
    };

    var publicMethod = 
    {
        getValue: function() { _getValue(); }
    };

    return publicMethod;    
};

Answer 1

有两个非常显着的差异:

1. 第一个版本不返回对象，因此 MyNamespace.Helper 将是未定义。尝试对其使用 getValue 将会失败。这要归功于自动分号插入在 return 之后添加 ;。不要在 return 及其返回内容之后添加换行符。

2. 假设您解决了这个问题，那么在第一个上调用 MyNamespace.Helper.getValue 将为您提供值 5，而在第二个上调用它会给你undefined，因为你的_getValue的匿名包装器不会返回任何东西。