学习JavaScript变量作用域和对象实例

Question

var foo = (function() { 
    var proxy = {}, 
     warning = false; 

    proxy.warn = function(msg) { 
     if (!warning) { 
      warning = true; 
      alert(msg); 
     } 
     return this; //For the purpose of method chaining we return proxy object. 
    } 

    function func() { 
     alert(warning); //This is a private function relative to foo. 
    } 

    return proxy; 
}()); 

foo.warn(); //will alert 
foo.warn(); //will not alert since warning has been set to true 

因为没有使用new关键字，所以我对这里的实例化感到困惑，谁持有警告的值？根据警示生命的范围，是否有任何泄漏。

谢谢。

Answer 1

proxy.method和func均可通过closureproperty访问a。有关范围和对象的详细信息，请参阅这篇文章，最近浮出水面： A Concise, Executable Guide to JavaScript Objects, Variables, Functions, and Prototypes

你已经发布的代码符合了所谓的“module pattern”，并成为JavaScript来定义对象作为一个非常流行的方式它使私有变量和方法易于创建（通过利用前面提到的闭包属性）。

Answer 2

这回答另一个问题真的帮我扩大我的JavaScript对象是如何工作的理解：

JavaScript function aliasing doesn't seem to work

至于您的代码段，让我们打破它。首先看一下高层结构：var foo = (exrpession);。您可以轻松地说：var foo = expression;，但是IIRC需要使用圆括号来处理特定于IE的怪癖。

现在，在这种情况下，表达式是一个匿名函数。在定义一个没有名字的函数时，Javascript是完全正确的。除非您在某处保存参考，否则不要指望它。您也可以立即调用的匿名函数的声明之后，这样的：

function() { 
    alert('test'); 
    return 42; 
}(); 

这应该一脸狐疑类似于用于表达从您的代码段的基本结构。希望你可以很容易地看到我样本中的42可能很容易成为一个对象。

所以问题仍然存在，你为什么要这样做？请记住，在JavaScript中，函数也是对象。作为面向对象的优秀学生，您可能希望让对象的某些成员变为私有。不过，JavaScript没有内置任何内容来支持这一点。幸运的是，如果您从该内部函数返回一个对象，它就会访问该函数中定义的其他变量，但是外部代码将无法访问它们。所以你实际上已经创建了一个包含私有成员的对象。

Answer 3

好吧a住顶部封闭功能function() {...。

foo持有您要返回的代理对象，这意味着不在此代理对象中的所有内容都是私有的，不能从foo访问。如果你想获得的a的价值，你可以添加新的功能，返回=>

proxy.getValueOfA=function(){return a} 

，那么你可以调用foo.getValueOfA()

这样一句话：

var proxy={} 

是短期形式var proxy=new Object()所以有一个instanciation。

Answer 4

这

return proxy; 
}()); 

应该是这个

return proxy; 
})(); 

这

function() { 
    alert('test'); 
    return 42; 
}(); 

不工作...语法错误。在你把它放在这里之前，你应该尝试你的代码。可以肯定你的意思是这样的：

(function() { 
    alert('test'); 
    return 42; 
})(); 

也，这一事实，你返回一个私有成员样的失败范围关闭整点，但它会工作...

var foo = (function() { 
    var proxy = {}, // private 
    proxy.warn = function(msg) { 
    ... 
    return proxy; // publicly accessible 

这是相同的

var foo = { warn: function(){ /* code */ } };