我一直在阅读有关 jQuery 插件的文章,并尝试以更 oop 的方式实现我们的插件。我的经理是 ac# 家伙,讨厌 jQuery UI 调用方法的方式。我想使用下面的方法,想知道您对此的看法。告诉我我正在尝试使用的优缺点。好的,这是一个简单的示例。它有工作要做,但开始:
if(typeof Object.create !== 'function')
{
Object.create = function(o)
{
function F()
{
}
F.prototype = o;
return new F();
};
}
var Car = (function()
{
var openDoor = function(doorNum)
{
alert("door #" + doorNum + " opened");
};
return {
openDoor: openDoor
};
}
)();
(function($, window, document, undefined)
{
$.fn.car = function(options)
{
if(this.length)
{
return this.each(function() {
var myCar = Object.create(Car);
$.data(this, 'car', myCar);
for(var prop in Car)
{
if($.fn[prop] == null)
{
$.fn[prop] = function(params)
{
return this.each(function () {
if($.data(this, "car") == null)
{
throw Error("not implemented function");
}
$.data(this, "car")[prop](params);
}
);
};
}
}
});
}
};
})(jQuery, window, document);
$("#test").on("click", function()
{
$("#test").car().openDoor(1).css({color: 'red'});
});
这是小提琴链接
http://jsfiddle.net/6zHP7/8/