javascript设计模式-门面模式（facade pattern）

最新推荐文章于 2024-09-12 17:23:35 发布

weixin_34211761

最新推荐文章于 2024-09-12 17:23:35 发布

阅读量87

点赞数

文章标签：设计模式 javascript ViewUI

原文链接：https://my.oschina.net/osmos/blog/386942

版权

为什么80%的码农都做不了架构师？>>>

提供简单的高层api，隐藏复杂的底层api，方便程序员使用。

// addMyEvent是高层api, 隐藏了不同浏览器的实现
var addMyEvent = function( el, ev, fn ){
    if(el. addEventListener){ // 非ie实现
        el. addEventListener( ev, fn, false );
    } else if(el. attachEvent){  // ie实现
        el. attachEvent( 'on' + ev, fn );
    } else{
        el[ 'on' + ev] = fn;
    }
};

jQuery's $(document).ready(...)，内部实际上使用bindReady()

bindReady: function() {
    ...
    if ( document.addEventListener ) {
       document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
    window.addEventListener( "load", jQuery. ready, false );
    } else if (document.attachEvent ) {
    document.attachEvent( "onreadystatechange", DOMContentLoaded );
        window.attachEvent( "onload", jQuery. ready );
    ...
}

转载于:https://my.oschina.net/osmos/blog/386942