JavaScript结构型设计模式---外观模式

参考书籍:JavaScript设计模式
外观模式:为一组复杂的子系统接口提供一个更高级的统一接口,使更加容易的访问子系统
对底层结构兼容性做封装


function addEvent(dom, type, fn) {
    //
    if (dom.addEventListener) {
        dom.addEventListener(type, fn, false);
        //
    } else if (dom.attachEvent) {
        dom.attachEvent('on' + type, fn)
        //
    } else {
        dom['on' + type] = fn;
    }
}
var myInput = document.getElementById('myinput');
addEvent(myInput, 'click', function () {
    console.log('first click event');
})
addEvent(myInput, 'click', function () {
    console.log('second click event');
})

除此之外还可以做小型代码库,有点类似单例中的小型代码库
参见单例模式
https://blog.csdn.net/weixin_44924173/article/details/91448288

你可能感兴趣的:(JavaScript,设计模式,设计模式,外观模式)