0

我是 javascript 的新手。我曾经读过 SAEF 的文章，但我仍有疑问，代码如下：

var addEvent =（函数（窗口，文档）{
    如果（文档.addEventListener）{
        返回函数（元素，类型，回调）{
            //如果 elem 存在并且是单个节点。
            if ( elem && !elem.length || elem === window ) {
                elem.addEventListener（类型，回调，假）；
            } else if ( elem && elem.length ) { //elem 是数组的一个节点
                for ( var i = 0; i < elem.length; i++ ) {
                    addEvent(elem[i], 类型, 回调);
                }
            }
        }
    } 否则 if ( document.attachEvent ) {
        返回函数（元素，类型，回调）{
            //如果elem存在并且是单个节点
            if ( elem && !elem.length || elem === window ) {
                elem.attachEvent('on'+type,
                    功能 （） {
                        callback.call(elem, window.event);
                });
            } else if ( elem && elem.length ){
                for ( var i = 0; i < elem.length; i++ ) {
                    addEvent(elem[i], 类型, 回调);
                }
            }
        }
    }
}）（ 这个文件 ）;
我的问题是这个和文档的参数是什么意思？它们都是真正的参数，将替换匿名函数中包含的窗口和文档的参数吗？

4

1 回答 1

0

这是一种称为即时函数的 JavaScript 模式。它采用以下形式：

 (function(param1, param2, ...) {
    /* ...  function body  ... */
 }(var1, var2));

你是对的，它涉及创建一个匿名函数，然后用一组变量调用它。

它允许开发人员创建一个没有变量泄漏的范围。JavaScript 只有全局和函数范围。在函数体之外声明的任何变量都自动在全局范围内。

立即函数避免了这个问题。

在这种情况下，与许多情况一样，立即函数将返回包含闭包内的一些内部变量的内容。这保护了它们，但使它们的值以受保护的方式可用。

在这种情况下，您将返回一个允许调用者将事件添加到 HTML 元素的函数。您通常会看到用于创建跨浏览器方法的即时函数。对立即函数的调用将执行所有浏览器方法嗅探，然后生成适当的跨浏览器方法。这意味着只进行一次嗅探。这使您不必在每次调用该方法时嗅探浏览器。

于 2012-07-06T16:26:29.683 回答