Javascript 闭包，维护外部对象

Question

我一直在使用 Javascript 闭包来保护变量，方法是将它们设置为返回函数的本地变量，例如：

closure = function() {
    var secretVar = 'Secret';

    return {
        "msg" : function() {
            console.log(secretVar);
        }
    };
}();
console.log(closure.secretVar); // Undefined
closure.msg(); // Secret

我觉得我对此有很好的掌握，使我能够控制内部变量的访问方式（如果有的话）。

我现在遇到这个问题，

closure = function() {
    var secretVar = ['Secret One','Secret Two'];

    return {
        "del" : function(modMe) {
            modMe = secretVar;
            modMe.slice(1,1);
            console.log(modMe);
        }(secretVar),
        "secretVar" : function() {
            console.log(secretVar);
        }
    };
}();
closure.del(); // Secret One
closure.secretVar(); // Secret One

我希望closure.del()返回Secret One，但我希望secretVar保持不变，然而，事实并非如此。 del() 函数正在修改引用而不是副本，我不确定如何让它复制 SecretVar 并修改它。

我猜它会以以下形式出现，

(function(y) {
    //..Body that changes y
})(secretVar)

但我还没能让它发挥作用。有什么想法吗？

Answer 1

你的问题实际上与闭包无关。当您这样做时：

modMe = secretVar;

您只是创建一个指向相同数组的新变量。您对一个变量所做的操作将反映在两个变量中，因为它们指向同一事物。

如果您想对数组执行某种修改（同时保留原始数组），您需要先复制它：

var copied = [];
for(var i = 0; i < secretVar.length; i++){
    copied.push(secretVar[i]);
}

编辑：顺便说一句，当您说您使用闭包来“保护变量”时，您并没有保护它们防止被执行闭包的返回函数修改。您刚刚做到了这一点，以便从这些函数的范围之外无法访问该变量。但是，在作用域内，例如当您执行切片时，该变量就在那里并且可供该函数访问，并且不会仅仅因为它是一个闭包而受到“保护”。

编辑 2：如果您要经常复制数组，您可以通过创建一个封闭函数来为您进行复制来消除迭代的一些麻烦：

closure = function() {
    var secretVar = 'Secret';
    var clone = function(){
        var clonedArr = [];
        var length = secretVar.length;
        for(var i = 0; i < length; i++){
            clonedArr.push(secretVar[i]);
        }
        return clonedArr;
    }

    return {
        "msg" : function() {
            var duplicate = clone();
        }
    };
}();

Answer 2

非常接近——形式为：

(function(y) {
    return function() {
        // that changes y
    };
})(secretVar)

注意：这仍然会传递引用，任何破坏性或改变操作仍然会影响secretVar。如果您想避免更改，则需要制作 secretVar 的深层副本。

请参阅：http://jsfiddle.net/B3ryr/2/

Answer 3

Robert 做了很好的评论，但也要注意 closure.del 不是一个函数，而是未定义的。再看看你的代码。该函数会自动执行并且不返回任何内容，因此 del 将不会返回任何内容。

var del = function(modMe) {
  modMe = secretVar;
  modMe.slice(1,1);
  console.log(modMe);
}(secretVar);

一般是这样的形式：

var a = function(b){
  console.log(b)
}('input');

console.log( typeof a ); // undefined
a(); // error: a is not a function

Answer 4

您的 function(modMe) { ... }(secretVar) 表达式实际上返回一个值而不是函数，因为您正在执行该函数。结合马特的答案，您需要：

1. 从表达式中删除 (secretVar) 组件以及 modMe 参数 - 该函数已经可以访问 secretVar无论如何。
2. 在处理数组之前实际复制该数组。请参阅马特的回答。