桥接模式之多元化类之间的实例化调用实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>桥接模式之多元化类之间的实例化调用</title>
    <script type="text/javascript">
    //多维类的声明和调用(有点像类职责链模式)
    //这些功能类也可看作是功能模块的抽象层
    //运动类模块
    var Speed = function(x,y){
        this.x = x;
        this.y = y;
    }
    Speed.prototype.run = function(){
        console.log('跑起来');
    }
    //着色类模块
    function Color(cl){
        this.color = cl;
    }
    Color.prototype.draw = function(){
        console.log('绘制颜色');
    }
    //变形类模块
    function Shape(sp){
        this.shape = sp;
    }
    Shape.prototype.change = function(){
        console.log('改变形状');
    }
    //说话类模块
    function Speek(wd){
        this.word = wd;
    }
    Speek.prototype.say = function(){
        console.log('我可以说话');
    }
    //具体实现层的几个类，在功能上调用上面的抽象类
    //接下来我们想创建一个球类，可以运动，可以着色
    function Ball(x,y,c){
        this.speed = new Speed(x,y);//实现运动单元
        this.color = new Color(c);//实现着色单元
    }
    Ball.prototype.init = function(){
        this.speed.run();  //实现运动方法
        this.color.draw(); //实现着色方法
    }
    //同样我们想创造一个人类，他可以运动可以说话
    function Person(x,y,f){
        this.speed = new Speed(x,y);
        this.speek = new Speek(f);
    }
    Person.prototype.init = function(){
        this.speed.run();
        this.speek.say();
    }
    //最后我们想创造一个精灵类，他可以运动可以说话可以着色可以变形
    function Spirite(x,y,c,f,s){
        this.speed = new Speed(x,y);
        this.speek = new Speek(f);
        this.color = new Color(c);
        this.shape = new Shape(s);
    }
    Spirite.prototype.init = function(){
        this.speed.run();
        this.speek.say();
        this.color.draw();
        this.shape.change();
    }
    //测试用例
    var p = new Person(10,12,16);
    p.init();
    //本例已经通过验证
    </script>
</head>
<body>
</body>
</html>

js原生设计模式——13桥接模式(相同业务逻辑抽象化处理的职责链模式)的更多相关文章

  1. C#设计模式之二十一职责链模式（Chain of Responsibility Pattern）【行为型】

    一.引言   今天我们开始讲"行为型"设计模式的第八个模式,该模式是[职责链模式],英文名称是:Chain of Responsibility Pattern.让我们看看现实生活中 ...

  2. 责任链模式 职责链模式 Chain of Responsibility Pattern 行为型 设计模式（十七）

    责任链模式(Chain of Responsibility Pattern) 职责链模式 意图 使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系 将这些对象连接成一条链,并沿着这 ...

  3. C#设计模式之二十职责链模式（Chain of Responsibility Pattern）【行为型】

    一.引言 今天我们开始讲“行为型”设计模式的第八个模式,该模式是[职责链模式],英文名称是:Chain of Responsibility Pattern.让我们看看现实生活中的例子吧,理解起来可能更 ...

  4. C#设计模式学习笔记：(20)职责链模式

    本笔记摘抄自:https://www.cnblogs.com/PatrickLiu/p/8109100.html,记录一下学习过程以备后续查用. 一.引言 今天我们要讲行为型设计模式的第八个模式--职 ...

  5. Java设计模式（二十一）：职责链模式

    职责链模式(Chain Of Responsibility Pattern) 职责链模式(Chain Of Responsibility Pattern):属于对象的行为模式.使多个对象都有机会处理请 ...

  6. 深入浅出设计模式——职责链模式（Chain of Responsibility Pattern）

    模式动机 职责链可以是一条直线.一个环或者一个树形结构,最常见的职责链是直线型,即沿着一条单向的链来传递请求.链上的每一个对象都是请求处理者,职责链模式可以将请求的处理者组织成一条链,并使请求沿着链传 ...

  7. javascript设计模式——职责链模式

    前面的话 职责链模式的定义是使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止.职责链模式的名字非常形象,一 ...

  8. C#设计模式系列：职责链模式（Chain of Responsibility）

    1.职责链模式简介 1.1>.定义 职责链模式是一种行为模式,为解除请求的发送者和接收者之间的耦合,而使多个对象都有机会处理这个请求.将这些对象连接成一条链,并沿着这条链传递该请求,直到有一个对 ...

  9. java设计模式-----18、职责链模式

    概念: Chain of Responsibility(CoR)模式也叫职责链模式.责任链模式或者职责连锁模式,是行为模式之一,该模式构造一系列分别担当不同的职责的类的对象来共同完成一个任务,这些类的 ...

随机推荐

  1. div使用

    div style常用属性 一.常用属性: 1.Height:设置DIV的高度. 2.Width:设置DIV的宽度. 例: <div style="width:200px;height ...

  2. Web爬去的C#请求发送

    public class HttpControler { //post请求发送 private Encoding m_Encoding = Encoding.GetEncoding("gb2 ...

  3. PAT (Advanced Level) 1040. Longest Symmetric String (25)

    暴力. #include<cstdio> #include<cstring> #include<algorithm> using namespace std; ]; ...

  4. Chapter 1 First Sight——7

    Eventually we made it to Charlie's. 最终我们到了查理斯的家. He still lived in the small,two-bedroom house that ...

  5. 【knockoutjs】 Computed VS Pure Computed 区别

    Pure Computed只有当有其他subscriber的时候才会有这个对象,所对应的DOM对象 不激活的时候不存在,这样可以防止内存泄露,在Component等场景下不用担心dispose的问题. ...

  6. Python多进程并发(multiprocessing)用法实例详解

    http://www.jb51.net/article/67116.htm 本文实例讲述了Python多进程并发(multiprocessing)用法.分享给大家供大家参考.具体分析如下: 由于Pyt ...

  7. winutils spark windows installation

    http://stackoverflow.com/questions/37305001/winutils-spark-windows-installation

  8. Cocos2dx 学习笔记整理----在项目中使用图片（三）

    这节练习下DragonBones. 手机由于性能所限,需要特注意资源的使用. 游戏项目的话由于资源比较多,一般都会用到DragonBones来做动作,这个又称为龙骨. DragonBones传送点:h ...

  9. zookeoper在root下设置开机启动

    1 准备工作 1) 切换到/etc/rc.d/init.d/目录下 2) 创建zookeeper文件:touch zookeeper 3)更新权限:chmod +777 zookeeper 4)编辑文 ...

  10. POJ 2609 Ferry Loading

    双塔DP+输出路径. 由于内存限制,DP只能开滚动数组来记录. 我的写法比较渣,但是POJ能AC,但是ZOJ依旧MLE,更加奇怪的是Uva上无论怎么改都是WA,其他人POJ过的交到Uva也是WA. # ...