2

我正在阅读并尝试一些自执行 JavaScript 函数的示例。我找到了一些关于如何调用它们的示例,但是对于创建和调用它们的正确方法,我仍然有些困惑。例如,如果我在这个自执行函数中有一个 foo 方法,它接受 2 个参数,param1 和 param2。我如何调用这个方法?您可以传递全局对象,例如窗口、文档等。那些不是全局但需要函数执行某些操作的参数呢?

这是一个例子:

foo.js

(function (window, document, $, undefined) {
    function foo(param1, param2) {
        //do stuffs here
    }
})(window, document, jQuery);

索引.html:

 <script src="~/Scripts/Custom/foo.js"></script>
 <script type="text/javascript">
     var myFoo = new Foo("parameter1","parameter2"); 
 </script>
4

1 回答 1

4

在全局范围内没有函数是Ben Alman 所称的IIFE的全部意义所在。它们的重点是调用一些代码而不影响全局范围。您可以根据需要创建任意数量的计数器,并且它们不会相互影响,因为它们位于单独的“范围”中。

如果坚持在使用 IIFE 的情况下在全局范围内使用 Foo,您想要更新您的示例并需要将其分配给您在 IIFE 中传递的窗口参数。

(function (window, document, $, undefined) {
    window.Foo = foo;
    function foo(param1, param2) {
        //do stuffs here
    }
})(window, document, jQuery);

这样,您将 Foo 在全局范围内,因此您可以使用new Foo(param, param)

于 2015-12-09T20:10:03.267 回答