javascript - 将参数传递给 IIFE

Question

将参数传递给存储在变量中的 IIFE 的正确语法是什么？

下面的例子告诉我 foo 没有定义，无论我是否调用函数:

var bar = (function(foo){

    return { 
        getFoo: function(){
            return foo;
        } 
    }

})(foo);

console.log(bar.getFoo(1));

http://jsfiddle.net/eSTkL/

Answer 1

IIFE 立即被调用。您在调用时将 foo 传递给它，我想它是未定义的。

bar 中存储的不是 IIFE，而是 IIFE 返回的对象，它与 foo 没有任何关系(除了通过闭包访问它之外)。如果您希望 foo 为 1，请不要将该值传递给 getFoo，而是传递给 IIFE 本身:

var bar = (function(foo){

    return { 
        getFoo: function(){
            return foo;
        } 
    }

})(1);

console.log(bar.getFoo()); // 1

如果你想要一个 getter 和一个 setter(实际上，类似 getter/setter 的函数)，使用这个:

var bar = (function(foo){

    return { 
        getFoo: function(){
            return foo;
        },
        setFoo: function(val) {
            foo = val;
        }
    }

})(1);

console.log(bar.getFoo()); // 1
bar.setFoo(2);
console.log(bar.getFoo()); // 2