美文网首页
桥接模式

桥接模式

作者: 第三人称i | 来源:发表于2018-12-01 13:28 被阅读0次
        // 我理解的桥接模式就是把 很多类,集中在一起使用,类与类之间有一层虚线关系。
        // 比如:创建三个类
        
        function Music(song){  // 音乐类
            this.song = song;
        }
        Music.prototype.play = function(){
            console.log(`正在播放 ${this.song} 这首歌`);
        }
        
        function Eat(food){  // 吃类
            this.food = food;
        }
        Eat.prototype.doing = function(){
            console.log(`正在吃 ${this.food} 零食`);
        }  
        
        function Motion(type){  // 运动类
            this.type = type;
        }
        Motion.prototype.run = function(){
            console.log(`正在做 ${this.type} 运动`);
        }
        
        // ok 现在 创建一个人
        var Person = function(song,food){
            this.music = new Music(song);
            this.eat = new Eat(food);
        }
        Person.prototype = {
            init : function(){
                this.music.play();
                this.eat.doing();
            }
        } 
        // 执行这个人所有的特征
        var a = new Person('灰色头像','汉堡');
        a.init();
        console.log(a); 
        // ok 现在 创建第二个人
        var Person2 = function(song,type){
            this.music = new Music(song);
            this.motion = new Motion(type);
        }
        Person2.prototype = {
            init : function(){
                this.music.play();
                this.motion.run();
            }
        }
        // 执行这个人所有特征
        var b = new Person('第三人称','跑步');
        b.init();
        console.log(b);

相关文章

  • 设计模式-桥接模式

    设计模式-桥接模式 定义 桥接模式(Bridge Pattern)也称为桥梁模式、接口(Interface)模式或...

  • 结构型模式:桥接模式

    文章首发:结构型模式:桥接模式 七大结构型模式之二:桥接模式。 简介 姓名 :桥接模式 英文名 :Bridge P...

  • 设计模式之桥接模式

    设计模式之桥接模式 1. 模式定义 桥接模式又称柄体模式或接口模式,它是一种结构性模式。桥接模式将抽象部分与实现部...

  • 06-01-001 虚拟机的网络连接方式(转运整理)

    一、Bridged(桥接模式) 什么是桥接模式?桥接模式就是将主机网卡与虚拟机虚拟的网卡利用虚拟网桥进行通信。在桥...

  • 桥接模式与中介模式

    桥接模式-BRIDGE 对桥接模式感兴趣,是因为公司业务上需要桥接Html5和ReactNative两个平台。桥接...

  • 设计模式——桥接模式

    设计模式——桥接模式 最近公司组件分享设计模式,然而分配给我的是桥接模式。就在这里记录我对桥接模式的理解吧。 定义...

  • 桥接模式

    个人博客http://www.milovetingting.cn 桥接模式 模式介绍 桥接模式也称为桥梁模式,是结...

  • 桥接模式

    桥接模式 参考原文: https://zhuanlan.zhihu.com/p/62390221 定义 桥接模式 ...

  • 10-桥接模式

    桥接模式-Bridge Pattern【学习难度:★★★☆☆,使用频率:★★★☆☆】 处理多维度变化——桥接模式(...

  • Java设计模式——桥接模式

    Java设计模式之桥接模式 回顾 上一期分享了适配器模式,主要为了实现解耦 桥接模式 简介 桥接模式是对象的结构模...

网友评论

      本文标题:桥接模式

      本文链接:https://www.haomeiwen.com/subject/wnolcqtx.html