javascript - 用于扩展 jQuery 的奇怪语法

Question

我最近在另一篇文章 (jQuery Set Cursor Position in Text Area) 上看到这段代码

new function($) {
    $.fn.setCursorPosition = function(pos) {
        // function body omitted, not relevant to question
    }
} (jQuery);

在试图理解它在做什么之后花了很长时间，我终于弄清楚它只是创建一个带有参数 $ 的新函数，然后使用 jQuery 作为参数值调用它。

所以实际上，它只是这样做:

jQuery.fn.setCursorPosition = function(pos) {
    // function body omitted, not relevant to question
}

原始的、更令人困惑的版本的原因是什么？

Answer 1

对于大块代码，使用 $ 比 jQuery 好得多。

当使用多个库时，人们通常会禁用 $ 快捷方式，因为许多库都在使用它。像这样编写代码允许用户使用快捷方式编写代码而不用担心与其他库冲突。由于该站点适用于广泛的受众，因此无论用户是否启用 $，使用该代码最有可能起作用。