jquery - 编写 jquery 静态 util 方法

Question

我理解扩展 jquery.fn 以将自定义函数放置在 jquery 对象的原型(prototype)链上的概念，但就我而言，我的一些实用程序不需要附加到选择器。我基本上是在寻找静态方法。所以我想知道直接在 jquery 对象上编写静态方法作为 util 方法有什么陷阱。

示例:

jquery.myMethod = function(arg){
   ......
} 

$.myMethod("blabla");

谢谢

Answer 1

正如您似乎意识到的那样，最好不要将所有实用函数转储到全局命名空间中。对全局命名空间的影响越小越好。如果您已经有了 jQuery，那么您可以选择将它们放在哪里:

1. 作为 jQuery 对象的新方法:jQuery.myUtil1()、jQuery.myUtil2()。
2. 作为 jQuery 对象上一个对象下的新方法，如:jQuery.jfUtils.myUtil1()、jQuery.jfUtils.myUtil2()。
3. 作为一个新全局对象上的新方法(与 jQuery 无关):jfUtils.myUtil1()、jfUtils.myUtil2()。

选项 2) 对我来说似乎比选项 1) 更好，因为尽管您确实为每个函数调用添加了额外的查找，但您减少了与其他 jQuery 函数发生冲突的机会。

选项 3) 对我来说似乎完全可以接受，因为它只向全局命名空间添加一项新项目，因此只要您使名称合理唯一，就应该没问题。

所以，我认为您可以选择选项 2) 或选项 3)。选项 2) 可能更安全一些，因为您知道该命名空间中内容的一般范围，但两者都可以工作。