SAEF中的参数是什么意思？

Question

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

var addEvent = (function( window, document ) {
    if ( document.addEventListener ) {
        return function ( elem, type, callback ) {
            //if elem exist and is a single node.
            if ( elem && !elem.length || elem === window ) { 
                elem.addEventListener( type, callback, false );
            } else if ( elem && elem.length ) { //elem is an node of array
                for ( var i = 0; i < elem.length; i++ ) {
                    addEvent( elem[i], type, callback );
                }
            }
        }
    } else if ( document.attachEvent ) {
        return function ( elem, type, callback ) {
            //if elem exist and is a single node
            if ( elem && !elem.length || elem === window ) { 
                elem.attachEvent( 'on'+type, 
                    function () {
                        callback.call( elem, window.event );
                } );
            } else if ( elem && elem.length ){
                for ( var i = 0; i < elem.length; i++ ) {
                    addEvent( elem[i], type, callback );
                }
            }
        }
    }
})( this, document );
    

Answer 1

这是一种称为即时函数的JavaScript模式。其形式如下：

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

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

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

即时功能可以避免这个问题。

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

在本例中，您将返回一个函数，该函数将允许调用者向HTML元素添加事件。您通常会看到用于创建跨浏览器方法的即时函数。对immediate函数的调用将执行所有浏览器方法嗅探，然后生成适当的跨浏览器方法。这意味着嗅探只能进行一次。这样可以避免每次调用该方法时嗅探浏览器。