javascript - 为什么这个 javascript 对象在有和没有模块模式的情况下表现不同？

Question

我有以下带有和不带有模块模式的代码。我已经在执行旁边给出了结果。在模块模式中，我可以更改 foo 和 set_inner，而在函数对象（非模块）中，我无法更改 foo 和 set_inner。

module pattern:
var someObj = (function () {
     var instance = {},         
     inner = 'some value';      
     instance.foo = 'blah';      
     instance.get_inner = function () {         
         return inner;     };      
     instance.set_inner = function (s) {        
         inner = s;     };     
     return instance; })(); 

someObj.get_inner();//some value
someObj.set_inner("kkkk");
someObj.get_inner();//kkk
someObj.foo;//blah
someObj.foo="ddd";
someObj.foo;//ddd

non-module:
var someObj = function () {     
    var instance = {},         
    inner = 'some value';      
    instance.foo = 'blah';      
    instance.get_inner = function () {        
        return inner;     };      
    instance.set_inner = function (s) {         
        inner = s;     };      
    return instance; }; 

someObj().get_inner();//some value 
someObj().foo;//blah 
someObj.foo="aaa"; 
someObj().foo;//blah 
someObj().set_inner("kkk"); 
someObj().get_inner();//some value 

任何帮助深表感谢。谢谢！

Answer 1

您的“模块”示例创建了一个对象，由instance. 匿名函数立即被调用，并返回该对象。所以someObj指instance。

您的“非模块”示例每次调用它时都会创建一个新对象。匿名函数不会立即被调用。相反，每次您想使用它时都必须调用它。

如果您将返回值分配给变量并引用它，而不是重复调用，它的行为方式相同someObj：

var obj = someObj();
obj.get_inner(); //some value
obj.foo; //blah
obj.foo="aaa";
obj.foo; //aaa
//etc...