var dhtmlDriver = derive(nullDriver);
var dhtmlDriverBugfix = derive(dhtmlDriver);
这里的bugfix是针对一些“bug”和特殊情况定义的特别Driver。这里你可以忽略它。好了，DHTML里面addEvent是什么来着？
复制代码 代码如下:
if (supportsAttachEvent) {
dhtmlDriver.addEvent = function(e, what, how) {
e.attachEvent('on' + what, how)
}
}
然后呢？位于原型链最前端的应该是W3C的标准驱动啊，写上！
复制代码 代码如下:
var w3cDriver = derive(dhtmlDriverBugfix);
var w3cDriverBugfix = derive(w3cDriver);
if (supportsAddEventListener) {
w3cDriver.addEvent = function(e, what, how) {
e.addEventListener(what, how)
}
}
最后，我们就放个东西上去做最后调用的接口。（因为w3cDriverBugfix太难看……）
var driver = derive(w3cDriverBugfix);
然后就调用好了。看，这就让那些长得吓人的分支判断变得简单有效，但不失fallback本色：在支持addEventListener上调用addEvent等价于调用w3cDriver.addEvent，而在不支持addEventListener的客户端上就会跌落到底下，比如调用dhtmlDriver.addEvent。另外，进行bugfix也很容易——可以在专门的“bugfix”层进行hook，而原有层丝毫不受影响。
等等，继承这么多层
会很慢么？诚然，那么深的原型链肯定会慢，不过我有办法。还记得给对象的属性写入时会发生什么事情吗？
复制代码 代码如下:
var ego = function(x) {return x}
for (var each in driver) {
if (! (each in nullDriver)) {
driver[each] = ego(driver[each])
}
}
没错，原来高企在原型链上面的方法会“哗”的一下掉到最下面！这回不用沿着原型链向上搜了，直接从最底端获取属性即可。这里用ego函数的原因是防止一些浏览器“优化掉”这里的代码。
总结
虽然这里谈兼容，可是，它的精华却在语言特性上——利用原型继承，我们可以很优雅地完成这个令人头疼的操作。是的，框架的美感不应该只在外表，其内部——即使是最最令人烦的内部——也同样要优雅。
这里的技术可以在dess中找到。
来自:typeof.net