javascript - 什么是 (function($) {...}) (jQuery)？

Question

这个问题已经有答案了:

What does !function ($) { $(function(){ }) }(window.jQuery) do? (1 个回答)

Why write code Jquery like this (4 个回答)

已关闭 10 年前。

我是一个 javascript 新手，最近遇到了以下代码。

(function($){

    if(!document.defaultView || !document.defaultView.getComputedStyle){
        var oldCurCSS = jQuery.curCSS;
        jQuery.curCSS = function(elem, name, force){
            if(name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[ name ]){
                return oldCurCSS.apply(this, arguments);
            }
            var style = elem.style;
            if ( !force && style && style[ name ] ){
                return style[ name ];
            }
            return oldCurCSS(elem, 'backgroundPositionX', force) +' '+ oldCurCSS(elem, 'backgroundPositionY', force);
        };
    }
})(jQuery);

什么是function($) {...} (jQuery) ？

PS:我也不太明白代码的用途...如果可能，请给出提示。

Answer 1

这是一个以 jQuery 作为参数调用的自执行匿名函数，在函数签名内重命名为 $。

由于您不知道页面中是否使用了jQuery.noConflict()(特别是如果您正在编写像插件这样的可分发代码)，因此您可以使用简写 $ 安全地放在你的函数中。

谁写的实际上很愚蠢，因为他在函数中使用了 jQuery :)

它还可以防止变量污染全局命名空间，并将它们封装起来，使它们无法从函数外部访问。