适配器模式目的在于使原本由于接口不兼容而不能一起工作的那些类可以一起工作。
假如有一个项目原本是用prototype开发,现在需要用YUI。
我们知道,YUI选择器的使用方法应该这样写的:
//YUI选择器
YAHOO.util.Dom.get();
而prototype的选择器使用方法
//使用prototype的选择器写法
$.apply(window,el);
好了,知道两种Javascript库的选择器使用方法后,我们再看回原来的问题。
我们可以设想一下,项目原本用的是prototype开发的,如果要获取某ID元素,那么代码中必然有
//假设在原本项目中使用了prototype,代码会有以下的写法。
$("divA");
$("divA","divB");
但现在需要换上YUI,那么就意味着需要把原来的prototype库去掉。
问题是把prototype库去掉之后,在项目中曾经写过的$("divA").......都没效了。
那么现在的需求是:用一个变量$来引用一个能实现选择器功能的函数。
$ = function(){
return YAHOO.util.Dom.get(arguments);
}
这样就可以确保原来项目中写的$("divA")....都能正常工作。
er...这就是适配器模式,是不是很简单?
缺点:虽然说以上例子已经实现了两种库的选择器转换,但是接下来的方法就不能很好的对接上了。
除非要花时间去对方法进行逐一转换。如果是我,我宁愿重构一次项目中的javascript,也不愿意去使用适配器模式。