JavaScript设计模式
关注
分享
扫一扫
文章平均质量分 64
前端御书房
保持对编程的热爱
展开
-
JavaScript设计模式——原型模式
JavaScript设计模式，原型模式——持续更新中原创 2022-10-06 15:53:22 · 574 阅读 · 0 评论 -
JavaScript设计模式——解释器模式
JavaScript设计模式，解释器模式，持续更新中……原创 2022-10-05 11:31:07 · 526 阅读 · 0 评论 -
JavaScript设计模式——中介者模式
JavaScript设计模式，中介者模式，持续更新中……原创 2022-10-04 10:00:00 · 385 阅读 · 0 评论 -
JavaScript设计模式——备忘录模式
JavaScript设计模式，备忘录模式，持续更新中……原创 2022-10-03 10:00:00 · 511 阅读 · 0 评论 -
JavaScript设计模式——访问者模式
JavaScript设计模式，持续更新中……原创 2022-10-02 10:10:42 · 647 阅读 · 0 评论 -
JavaScript设计模式——建造者模式
JavaScript设计模式，构建者模式，持续更新中……原创 2022-10-02 09:42:38 · 634 阅读 · 0 评论 -
JavaScript设计模式——组合模式
JavaScript设计模式，组合模式，持续更新中……原创 2022-09-17 16:42:44 · 441 阅读 · 0 评论 -
JavaScript设计模式——桥接模式
JavaScript设计模式，桥接模式，持续更新中……原创 2022-09-17 15:25:32 · 611 阅读 · 0 评论 -
JavaScript设计模式—模板方法模式
JavaScript设计模式，模板方法模式，持续更新中……原创 2022-09-22 10:00:00 · 413 阅读 · 0 评论 -
JavaScript设计模式：享元模式
使用享元模式实现分页加载数据，只创建5个div，一次显示5条数据，当切换pageIndex时，根据数据的索引获取对应的数据即可，相比于每条数据使用一个元素的显示方式，享元模式显示方式减少元素的渲染，更加高效。为了是对象可以共享，需要将享元模式的部分状态外部化，分离内部状态和外部状态，是程序逻辑复杂。原创 2022-09-18 10:00:00 · 219 阅读 · 0 评论 -
JavaScript设计模式——状态模式
JavaScript设计模式，状态模式，持续更新中……原创 2022-08-28 19:00:36 · 753 阅读 · 0 评论 -
JavaScript设计模式——中介者模式
JavaScript设计模式，中介者模式，持续更新中原创 2022-08-23 10:30:00 · 255 阅读 · 0 评论 -
JavaScript设计模式——迭代器模式
javascript设计模式，迭代器模式，持续更新中……原创 2022-08-22 10:00:00 · 384 阅读 · 0 评论 -
JavaScript设计模式——命令模式
JavaScript设计模式，命令模式，持续更新中……原创 2022-08-21 11:27:37 · 344 阅读 · 0 评论 -
JavaScript设计模式——单例模式
JavaScript设计模式，单例模式，持续更新中……原创 2022-08-20 10:30:00 · 327 阅读 · 0 评论 -
JavaScript设计模式-职责链模式
设计模式-职责链模式，持续更新中……原创 2022-07-28 12:00:00 · 509 阅读 · 0 评论 -
JavaScript设计模式-门面模式
JavaScript设计模式-门面模式，持续更新中……原创 2022-07-28 10:30:00 · 254 阅读 · 0 评论 -
JavaScript设计模式-观察者模式
观察者模式，持续更新中……原创 2022-07-27 10:30:00 · 824 阅读 · 1 评论 -
javascript设计模式-发布订阅模式
发布订阅模式的优缺点优点广泛应用于异步编程中，先订阅某个请求的某个事件，当这个事件出发时就会执行订阅的事件处理函数发布订阅模式可以取代通过硬编码的对象通知机制，不需要显示的调用另一个对象的接口，减少对象之间的耦合.........原创 2022-01-26 09:03:38 · 1152 阅读 · 0 评论 -
JavaScript设计模式-策略模式
策略模式是指定义一系列算法，将这些算法一个个封装起来。一个基于策略模式的程序主要分为两部分，一部分是策略类，主要负责具体实现，另一部分是环境类，接收请求并将请求分配给某一个策略类示例：计算年终奖案例描述：员工的表现评级分为A、B、C，A级奖金为5倍工资，B级奖金为4倍工资，C级奖金为3倍工资。// A级表现的计算薪水算法（策略） function PerformanceA() {} PerformanceA.prototype.calculate = function (salary) {.原创 2022-01-06 16:08:38 · 921 阅读 · 0 评论 -
javascript设计模式-适配器模式
适配器模式可以用来在现有接口和不兼容的类之间进行适配。适配器模式的特点适配器可以被添加到现有代码来协调两个不同的接口。现有接口对手头的工作不够直观或实用，可以使用适配器模式来简化或丰富接口。适配器与门面模式的区别适配器与门面模式都修改接口，区别在于怎么修改接口：门面模式只是简化接口，不提供额外的选择，有时需要做出假定适配器要把一个接口转化为另一个接口适配两个库function prototypeToYUIAdapter() { return YAHOO.util.Dom.get(原创 2022-01-04 15:37:27 · 1201 阅读 · 0 评论 -
JavaScript设计模式-装饰者模式
装饰者可以透明地把对象包装在具有同样接口的另一对象中。装饰者模式的结构装饰者可用于为对象增加功能，可以替代大量子类。 function Bicycle() { } Bicycle.prototype.getPrice = function (){ return 399; } // 继承函数 function extend(subClass, supClass){ function F(){} F.protot原创 2021-08-05 13:14:18 · 336 阅读 · 1 评论 -
javascript设计模式-代理模式
代理的结构代理模式的最基本形式就是对访问进行控制。代理对象和另一个对象实现的是同样的接口。代理对象只是节制对本体的访问。代理对象不会在另一个对象上添加或修改方法，也不会简化对象的接口，所有对方法的调用都会被传递给本体。虚拟代理用于控制对那种创建开销很大的本体的访问。他会把本体的实例化推迟到有方法被调用的时候。远程代理远程代理用于访问另一个环境中的对象。这种方式很难照搬到JavaScript中：通常JavaScript运行环境不能长时间存在JavaScript中无法建立到另一个环境的套接字原创 2021-08-04 14:59:52 · 344 阅读 · 0 评论 -
JavaScript设计模式-工厂模式
简单工厂工厂模式原创 2021-08-04 14:33:28 · 254 阅读 · 0 评论