扩展 jQuery 的奇怪语法

发布于 2024-09-05 00:51:16 字数 589 浏览 4 评论 0原文

我最近在另一篇文章中看到了这段代码（ 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
}

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

原文

I recently saw this code on another post ( jQuery Set Cursor Position in Text Area )

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

After too long trying to understand what it was doing I finally figured out that it's just creating a new function with a parameter $ and then invoking it with jQuery as the parameter value.

So actually, it's just doing this:

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

What's the reason for the original, more confusing version?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月依秋水 2024-09-12 00:51:16

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

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

回复收藏 0 原文

做个少女永远怀春 2024-09-12 00:51:16

由于其他 JavaScript 库可能全局使用 $，因此您的库应显式引用 jQuery 以防止冲突。通过创建带有参数 $ 的函数，您可以将 jQuery 对象绑定到该函数范围内的该变量。这使您可以安全地显式指定 jQuery 对象，并方便地使用 $ 简写。

这是我习惯看到的模式：

(function($) {
  // code using $ goes here
})(jQuery);

Since other JavaScript libraries may use $ globally, your library should explicitly reference jQuery to prevent conflicts. By creating a function with parameter $, you can bind the jQuery object to that variable within the scope of that function. This gives you the safety of explicitly specifying the jQuery object AND the convenience of using the $ shorthand.

This is the pattern I am used to seeing:

(function($) {
  // code using $ goes here
})(jQuery);

回复收藏 0 原文

走过海棠暮 2024-09-12 00:51:16

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

       // You are safe to always use $ here 
    }
} (jQuery);

和

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

    // you have to make sure $ was not overwritten before using it here..
}

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

       // You are safe to always use $ here 
    }
} (jQuery);

and

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

    // you have to make sure $ was not overwritten before using it here..
}

回复收藏 0 原文

~没有更多了~