js设计模式:外观模式

作用:

将复杂的功能封装成可以简单调用的方法,无需知道内部的具体逻辑,只需要知道怎么去使用

类似于一把枪,你可以不知道内部的枪机,击发机,复进簧,枪管,导气装置,弹夹是怎么合作配合完成发射和自动填弹,你只需要知道你扣动扳机就能完成这一系列复杂的操作,而那个扳机就是外观的一个接口

示例:

javascript 复制代码
        const wjt = {
            name:'王惊涛',
            code:()=>{
                console.log('会写代码')
            },
            game:()=>{
                console.log('会打游戏')
            },
            love:()=>{
                console.log('热爱美女')
            }
        }

        const sunwukong = {
            name:'孙悟空',
            change:()=>{
                console.log('72变化')
            },
            fly:()=>{
                console.log('腾云架雾')
            },
            immobilize:()=>{
                console.log('会定身术')
            }
        }

        const sunwutao = {
            name:'孙悟涛',
            code:()=>{
                wjt.code()
            },
            love:()=>{
                wjt.love()
            },
            change:()=>{
                sunwukong.change()
            },
            fly:()=>{
                sunwukong.fly()
            },
            immobilize:()=>{
                sunwukong.immobilize()
            },
        }

        sunwutao.love()
        sunwutao.immobilize()

相关推荐
hunterandroid17 分钟前
Compose LazyColumn 性能优化:从卡顿到流畅的大列表治理
前端
sakiko_37 分钟前
Swift学习笔记39-实战注意事项
前端·笔记·学习·swift
海带紫菜菠萝汤37 分钟前
MSE (Media Source Extensions) 实战:流媒体分块加载与自适应码率
前端·javascript·音视频
@小匠42 分钟前
Spring Boot Nacos绑定 Map 时中文 key 导致启动失败:一次从复现到源码的排查实录
java·开发语言·前端
黄华SJ520it1 小时前
顶俏洗衣液模式制度开发介绍:S2B2C社交分销+多门店核销系统全解析
前端·数据库·小程序·零售·系统开发
张元清1 小时前
React useMount Hook:只在挂载时执行一次的正确姿势 (2026)
javascript·react.js
晓说前端1 小时前
TypeScript 核心语法应用 —— Vue 3 中的使用(上)
前端·typescript
breeze jiang1 小时前
JavaScript 单例模式:用静态属性保证 Popup 只创建一次
开发语言·javascript·单例模式
No Silver Bullet1 小时前
Vue进阶(贰幺叁)vue.config.js 中 productionSourceMap 作用详解
前端·javascript·vue.js
xcsweb1 小时前
从5分钟到10秒:我用一个Skill把团队部署效率提升了30倍
前端·vue.js