js 面向对象设计----外观者模式

最新推荐文章于 2023-08-18 08:30:00 发布
最新推荐文章于 2023-08-18 08:30:00 发布
阅读量106 收藏
点赞数
分类专栏： 面向对象 js 设计模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42975115/article/details/90543203
版权
js 同时被 3 个专栏收录
29 篇文章 0 订阅
订阅专栏
面向对象
24 篇文章 0 订阅
订阅专栏
设计模式
23 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="myinput">
    hello
</div>
<script>
    //外观模式--自助餐选择器
    //外观模式可以将浏览器不兼容的方法变得简单又兼容
    let addEvent = function (dom,type,fn) {
        if(dom.addListener){
            dom.addListener(type,fn,false);//dom2级
        }else if(dom.attachEvent){
            dom.attachEvent('on'+type,fn);//dom0级 on 
        }else {
            dom['on'+type] = fn;
        }
    }
    let myinput = document.getElementById('myinput');
    //事件添加的集合
    addEvent(myinput,"click",function () {
        console.log('绑定第一个事件');
    });
    addEvent(myinput,'mouseover',function () {
        console.log('绑定第二事件');
    })
</script>
</body>
</html>
weixin_42975115
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
设计模式 - Javascript 描述
weixin_43758603的博客
11-12 1413
理解设计模式 项目=模块+模块间的联系 设计模式的作用 - 优化 模块内结构 模块间关系 代码质量 学习设计模式要脱离出具体的语法,去领会思想 设计原则 开闭 - 程序 对扩展开放,对修改关闭 单一职责 - 模块 依赖倒置 上层模块不依赖于下层具体的模块,而依赖于抽象的功能 避免下层变动对上层产生剧烈影响.中间增加抽象层 class food1 {} class food2 {} class food3 {} //点餐 - 具体层 function order(food) {
JavaScript-design-patterns:JavaScript 设计模式
05-30
通过深入学习和实践JavaScript设计模式，开发者可以更好地理解和掌握面向对象编程的核心理念，从而编写出更加优雅、可维护的代码。在JavaScript-design-patterns-master这个项目中，你将会找到各种模式的具体实现...
js-面向对象-设计模式-外观模式
weixin_41040445的博客
12-06 81
外观模式：就是为子系统中的一组接口提供一个公共接口，定义一个高层的接口 外观模式下，可以通过请求外观接口，达到请求访问子接口的目的，也可以选择跳过外观接口，访问子系统 <script> function start(){ console.log("开始了") } function doing(){ console.log("进行中") } function end
JavaScript 设计模式 -- 其他模式
qq_43645678的博客
03-21 329
JavaScript 设计模式----其他模式
Javascript设计模式-17-装饰者模式
mjzhang1993的博客
08-18 527
Javascript 设计模式 - 17 - 装饰者模式简介 装饰者模式可以动态的给某个对象添加一些额外的职责，而不会影响从这个类中派生出的其他对象 优势 传统的面向对象语言中，给对象添加功能常常使用继承的方式，但是继承的方式并不灵活，还会带来许多问题：一方面导致超类和子类之间存在强耦合性，当超类改变时，子类页随之改变；另一方面，继承方式中，超类的内部细节对子类式可见的，破坏了封装性 装饰者模式
JavaScript设计模式经典-面向对象中六大原则
程序员哆啦A梦，蓝胖子
11-20 1575
作者 | Jeskson来源 | 达达前端小酒馆 1 主要学习JavaScript中的六大原则。那么六大原则还记得是什么了吗？六大原则指：单一职责原则（SRP）,开放封闭原则（OCP）,里氏替换原则（LSP）,依赖倒置原则（DIP）,接口分离原则（ISP）,最少知识原则（LKP）。 单一职责原则开放封闭原则里氏替换原则依赖倒置原则接口分离原则最少知识原则 那么什么是单一职责原则呢？单...
JavaScript设计模式-（ 观察者模式 与 发布、订阅模式 ）
qq_42239440的博客
09-11 375
JavaScript设计模式整理 一些常见模式实现：点我什么是设计模式？ 一个模式就是一个可重用的方案，可应用于在软件设计中的常见问题。另一种解释就是一个我们如何解决问题的模板-那些可以在许多不同的情况里使用的模板。设计模式的分类：创建型设计模式：1、简单工厂模式2、工厂方法模式3、抽象工厂模式4、建造者模式5、原型模式6、单例模式结构型设计模式：7、外观模式8、适配器模式9、代理模式10、装饰者模式11、桥接模式12、组合模式13、享元模式行为型设计模式：14、模板方法模...
JavaScript中的设计模式之三--外观模式（门面模式）
热门推荐
CHQIUU的专栏
08-18 1万+
外观模式被证明是非常有用的。有了它，我们可以使我们的代码更干净，更可重用。在本文中，我们已经了解了外观模式的基本概念。我们还写了一些例子来说明它可能是有用的。除了常规使用外，我们还在React Hooks中实现了外观模式的概念。通过上述操作，我们已经证明，如果我们想提高代码质量，外观模式是一个值得研究的概念。
javascript设计模式--设计原则
mjzhang1993的博客
08-25 928
JavaScript设计模式 – 设计原则说明 可以说每种设计模式都是为了让代码迎合其中一个或者多个原则而出现的，他们本身已经融入到了设计模式之中单一职责原则（SRP） 最少知识原则（LKP）（迪米特法则） 开放-封闭原则（OCP） 里氏转换原则 依赖倒转原则 1. 单一职责原则（SRP） 指的是，对一个类而言（包括对象和函数），应该仅有一个引起它变化的原因，如果一个对象承担了多项职责，就意
JS---设计模式
qq_63322025的博客
09-18 78
JS---设计模式
JS-design-pattern:根据曾探所著《JavaScript设计模式与开发实践》整理的学习笔记
05-03
在深入设计模式之前，我们需要理解一些基本概念，如封装、继承和多态，这些都是面向对象编程的基础。JavaScript作为一门动态类型的语言，虽然没有类的概念，但通过原型和构造函数也能实现类似的功能。此外，理解作用...
原生js编写基于面向对象的分页组件
11-28
面向对象编程（Object-Oriented Programming，OOP）是一种常用的设计模式，它将数据和操作数据的方法封装在一起，便于代码的维护和复用。 首先，我们需要创建一个名为`Paging`的构造函数，这个构造函数接收两个参数...
Babel-ES6:用 Babel+ES6 学习 JavaScript 的设计模式
06-02
- 工厂模式：使用`function`或`class`构造函数来创建对象，ES6的类更加简洁和面向对象。 - 原型模式：虽然ES6推荐使用类，但仍然可以通过`Object.create()`实现原型链。 2. **结构型模式**： - 组合模式：通过...
DesignPatterns:供设计模式参考，实施和研究的存储库
04-02
设计模式是软件工程中经过时间考验的解决方案模板，用于解决常见的设计问题，特别是在面向对象编程中。这些模式不是具体的代码，而是描述在特定上下文中如何解决问题的通用、可重用的方法。"DesignPatterns" 存储库...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_42975115

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值