分享14个jQuery插件开发人员易犯的错误

日期：2012-5-9 来源：GBin1.com



随 着越来越多的开发人员开始开发jQuery插件，所以我们随时都有可能遇到很烂的插件开发“成果”。没有在线演示，没有文档，或者插件没有遵循最佳编码实 践。但是对于阅读这篇文章的朋友来说，你很幸运，因为这里我们将介绍14个jQuery插件开发中最容易犯的错误。希望大家会觉得有帮助！

随着jQuery的广泛使用，每天都出现很多新的插件 ，但是问题在于很多插件真不怎么样。

以前我们介绍过10个帮助你创建超棒jQuery插件的小技巧，在今天这篇文章中，我们将专注于jQuery插件的最佳开发实践，希望对于大家有帮助，如果你喜欢我们的文章，请给我们留言，谢谢！

错误一：不是在开发一个jQuery插件

总的来说，这里有很多大家接受的jQuery开发的模式。 如果你没有遵从这些设计模式，你开发的插件有可能很“垃圾“。看看如下最常用的模式：

(function($, window, undefined){
$.fn.myPlugin = function(opts) {
var defaults = {
// 设置你的选项缺省值
}

// 使用用户的选项缺省值来扩展缺省选项
var options = $.extend(defaults, opts || {});

return this.each(function(){ // jQuery链式操作
// 插件的相关内容
});
})(jQuery, window);

首 先呢，我们创建了一个自调用的匿名方法来将我们插件中的参数和外部全局参数隔离开。我们传递$，window，和undefined三个变量参数。这些变 量和自调用的方法将和jQuery和window一起调用。对于undefined来说没有传递任何值，因此如果我们决定在插件中使用undefined 关键字的话，其实”undefined“并没有被定义。

使用这种方法可以有效的保证外部脚本被隔离而无法给undefined变量赋值，例如，将无法赋值undefined为true。

$被作为jQuery来传递；我们使用这种方法来保证在匿名方法的外部，$仍旧可以参考为其它内容，例如，prototype。

传递变量给全局性访问的window对象能允许更多经过压缩最小化(minification)处理的代码（当然，压缩是应该做的）

下 一步，我们将使用jQuery插件的模式, $.fn.PluginName。这用来登记你的插件使得其能被应用到 $(selector).method()格式中。简单使用new来扩展jQuery的prototype。如果你想创建一个jQuery的方法的话，只 需要直接添加如下代码：

....

....

来源：分享14个jQuery插件开发人员易犯的错误