• 技术文章 >Web开发 >JavaScript

    js外观模式的介绍

    小妮浅浅小妮浅浅2021-06-18 16:47:34原创2027

    说明

    1、为一组复杂的子系统接口提供一个更高级的统一接口,通过这个接口使得对子系统接口的访问更容易,不符合单一职责原则和开放封闭原则。

    2、外观模式的优势是易于使用,而且本身也比较轻量级。但也有缺点 外观模式被开发者连续使用时会产生一定的性能问题,因为在每次调用时都要检测功能的可用性。

    应用场景

    JS事件不同浏览器兼容处理、同一方法可以传入不同参数兼容处理等。

    实例

    class A {
        eat () {}
    }
    class  B {
        eat () {}
    }
    class C {
        eat () {
            const a = new A();
            const b = new B();
            a.eat();
            b.eat();
        }
    }
    // 跨浏览器事件侦听器
    function addEvent(el, type, fn) {
        if (window.addEventListener) {
            el.addEventListener(type, fn, false);
        } else if (window.attachEvent) {
            el.attachEvent('on' + type, fn);
        } else {
            el['on' + type] = fn;
        }
    }

    以上就是js外观模式的介绍,希望对大家有所帮助。更多js学习指路:js教程

    专题推荐:js外观模式
    上一篇:js使用hasOwnProperty判断属性 下一篇:js观察者模式是什么

    相关文章推荐

    • js中diff函数的使用• js中isBefore函数如何判断• js isSame判断对象是否相同• js isBetween时间点的判断• js原型有哪些规则• js中六种基本数据类型• js如何实现类型判断• js内存的生命周期介绍• js引用计数算法是什么• js中callee是什么• js中caller是什么意思• js中join()方法的使用• js new操作符的使用步骤• js使用hasOwnProperty判断属性

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网