JS设计模式8 - The Decorator Pattern

装饰者模式

装饰者

目的

动态的包装对象,使之具有额外的能力。

何时使用

  1. 对象的责任和行为需要动态改变

举例

当我们发送邮件的时候,如果邮件是发送到公司外网,往往会加上保密说明等附加信息,这时候邮件本身并没有改变,可以用装饰者模式。

代码

下面的例子中,一台macbook不断增加配件,所以价格也不断变化,可以看到这么写代码还是比较漂亮的。

// The constructor to decorate
function MacBook() {

    this.cost = function () { return 997; };
    this.screenSize = function () { return 11.6; };

}

// Decorator 1
function memory( macbook ) {

    var v = macbook.cost();
    macbook.cost = function() {
        return v + 75;
    };

}

// Decorator 2
function engraving( macbook ){

    var v = macbook.cost();
    macbook.cost = function(){
        return v + 200;
    };

}

// Decorator 3
function insurance( macbook ){

    var v = macbook.cost();
    macbook.cost = function(){
        return v + 250;
    };

}

var mb = new MacBook();
memory( mb );
engraving( mb );
insurance( mb );

// Outputs: 1522
console.log( mb.cost() );

// Outputs: 11.6
console.log( mb.screenSize() );

注意cost接口是不变得。这和静态语言是一致的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 设计模式汇总 一、基础知识 1. 设计模式概述 定义:设计模式(Design Pattern)是一套被反复使用、多...
    MinoyJet阅读 9,390评论 1 15
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,810评论 19 139
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,386评论 2 17
  • 1 场景问题# 1.1 复杂的奖金计算## 考虑这样一个实际应用:就是如何实现灵活的奖金计算。 奖金计算是相对复杂...
    七寸知架构阅读 9,587评论 4 67
  • 仿佛就在一夜之间,小黄车、小绿车、小蓝车、小白车……共享单车就如雨后春笋般出现在了全国的大街小巷……方便市...
    张二白很白阅读 3,816评论 2 18

友情链接更多精彩内容