jQuery 简洁语法解释

Question

我刚刚从 Syncfusion 下载了 jQuery Succinctly 免费电子书 ( here ) 并开始浏览示例。

我看到很多这样的事情:

<script> (function ($)
{
    $('a').mouseenter(
        function () { alert(this.id); });
})(jQuery);
</script>

我不确定作者为什么使用这种语法。 $ 对象被传递到匿名函数中？为什么？匿名函数后面的 (jQuery) 是做什么用的？

这只是避免与其他库冲突的一种方法吗？在我看来，这些例子可以写得更“简洁”:)

谢谢。

Answer 1

它会创建一个闭包，其中 $ === jQuery 即使使用 $.noConflict() 来删除全局 jQuery $。

这允许您始终使用 $ 而不必关心用户是否是例如还使用诸如原型(prototype)之类的框架，该框架也使用 $。

闭包还有一个优点，即你的变量/函数不是全局的，除非你明确地将它们设置为全局的(通过不使用 var 并将函数附加到 window 或 此对象)