js设计模式:桥接模式

作用:

可以将复杂的类进行一些拆分,让抽象和实现进行分离解耦,可以让每一个部分都可以单独维护

方便扩展和维护

示例:

javascript 复制代码
        class Obj {
            constructor(person) {
                this.person = person
                this.name = person.name
            }
            getHobby(){
                return this.person.hobby
            }
            getBehavior(){
                return this.person.behavior()
            }
        }

        class Human {
            constructor(hobby) {
                this.name = '打工人'
                this.hobby = hobby
            }
            behavior() {
                console.log('一身打工人的怨气')
            }
        }
        class Deity {
            constructor(hobby) {
                this.name = '神仙'
                this.hobby = hobby
            }
            behavior() {
                console.log('过着神仙般的生活')
            }
        }

        const wjt = new Obj(new Human('抖音刷美女,或者打游戏'))
        const sunwukong = new Obj(new Deity('定身七仙女,然后吃桃子'))

        console.log(wjt.name+'的爱好:'+wjt.getHobby())
        console.log(sunwukong.name+'的爱好:'+sunwukong.getHobby())
相关推荐
前端小巷子1 分钟前
从双端到快速:Vue 3 Diff 的进化之路
前端·vue.js·面试
玲小珑5 分钟前
LangChain.js 完全开发手册(三)Memory 系统与对话状态管理
前端·langchain·ai编程
pengzhuofan14 分钟前
项目一系列-第7章 父子组件通信
前端·javascript·vue.js
IT_陈寒17 分钟前
Vite 3.0性能飞跃:5个优化技巧让你的构建速度提升200%
前端·人工智能·后端
软测进阶20 分钟前
【第四章】BS 架构测试全解析:从功能验证到问题定位
前端·功能测试·架构·web
小刘的博客间22 分钟前
前端响应式设计
前端·javascript·css
希望201729 分钟前
入门概念|Thymeleaf与Vue
前端·javascript·vue.js
掘金安东尼31 分钟前
JavaScript 接下来要加啥新功能?9个特性!
前端·javascript·github
何双新3 小时前
Odoo AI 智能查询系统
前端·人工智能·python
秋难降9 小时前
代码界的 “建筑师”:建造者模式,让复杂对象构建井然有序
java·后端·设计模式