保护 Javascript 全局作用域的方法

Question

原始问题：

我正在研究js，我想知道这两种保护全局范围的方法之间是否有任何（有用的）区别，除了第二种可以重用（称为再次）。

选项1：

var question = {};
(function(){ 
    question.option1 = function() {
        // some code
    };
})();

选项2：

var question = {};
question.option2 = function () {
    //some code
};
question.option();

谢谢！

编辑1：

谢谢@luisperezphd。你写的和这个有什么区别（除了冗长之外）？

var question = {};
question.option3 = {};
question.option3.privateVar = 0;
question.option3.testing = function () {
    question.option3.privateVar++;
    // some code
};
question.option3.testing();

编辑2：

谢谢兰斯顿和路易斯佩雷斯夫德！我没有意识到 Question.option3.privateVar 在全球范围内可用。

之间有什么区别吗

var question = {};
(function(){
    var privateVar = "some value";
    question.option4 = function(){
        alert(privateVar);
    }
})();
question.option4();

这个:和这个:

var question = {};
question.option5 = function() {
    var privateVar = "some value";
    var someFunction = function() { 
        alert(privateVar);
    }
    return someFunction;
}
question.option5()();

？

Answer 1

您给出的示例没有任何区别，但有一个您尚未利用的区别。在第一个示例中，您可以利用变量而不污染全局名称空间或对象名称空间。相当于大多数面向对象语言中的私有字段。您可以这样做：

var question = {};
(function(){ 
    var PrivateVariable = 0;
    question.option1 = function() {
        PrivateVariable++;
        // some code
    };
})();

alert(question.PrivateVariable); // returns 'undefined'

上面的代码返回 undefined 的原因是因为 PrivateVariable 不是 question 中的字段。但是question中的函数可以访问PrivateVariable。这确实是一个私有变量。

另一方面，如果您这样写：

var question = {};
question.PrivateVariable = 0;
question.option1 = function() {
    question.PrivateVariable++;
    // some code
};

alert(question.PrivateVariable); // returns 0

在第二种情况下，PrivateVariable 实际上不是私有的并且可以公开访问。

顺便说一句，您通常不会从属于您问题的函数内部引用question。相反，您可以使用 this 关键字，如下所示：

var question = {};
question.PrivateVariable = 0;
question.option1 = function() {
    this.PrivateVariable++;
    // some code
};

但这仅适用于公共变量。它使发生的事情更加清楚。此外，在某些情况下，它使维护代码变得更加容易，因为如果您更改 question 中的变量名称，则无需更改函数内对它的引用。还有其他好处，但我不知道是否应该在这里讨论。

Answer 2

@svdsvd，liusperezphd的和你的有很大不同，PrivateVariable，你无法在全局中获取它，但你可以在question.option3.privateVar中获取你的question.option3.privateVar全球的