通常前端开发中,使用jQuery这样的小型库的机会是非常多的。jQuery的插件机制也一直属于jQuery中的一个技术点。日常开发中使用如下开发方式的不在少数:
例1
$.aaa = function () { console.log("I'am the aaa function !"); } //调用 $.aaa();
例2
jQuery.extend({ showMessage:function(str){ alert("Log message:"+str); }, showErrorMessage:function(str){ alert("Error message:"+str); } })
这样的写法在各个插件中非常常见,但是真正的项目级别开发中,应该尽量避免直接使用变量污染公共变量,并且开发者也无法避免在开发中陪遇到和别的插件或者代码“撞车”的情况。建议使用对象级别的开发,即:
//创建闭包,加入形参。 -> jQuery.prototype . (function($){ var defOption = { // 基础配置参数 }; //创建播放器 $.fn.MusicPlay = function{ } })(jQuery);
分享一个《jQuery插件编写》的文档,有需要的同志请直接取走。