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()

相关推荐
吃饭了吗9 分钟前
elementplus组件文本框设置前缀
前端·vue.js·elementui
stoneSkySpace19 分钟前
pnpm 和 npm 差异
前端·npm·node.js
欧阳码农24 分钟前
我的AI自学路线,可能对你有用
前端·人工智能·后端
掘金安东尼25 分钟前
Next.js 原生实现 PWA 离线能力
前端·javascript·next.js
前端小巷子26 分钟前
从 Vue 2 到 Vue 3
前端·vue.js·面试
全宝33 分钟前
🚀前端必学!告别样式冲突:Shadow DOM 终极指南
前端·javascript·html
GDAL34 分钟前
v-model 入门教程
前端·javascript·vue.js
excel1 小时前
前端进阶必看:你真的懂 DOM 吗?(超全总结)
前端
CF14年老兵1 小时前
Python变量与内存:每个新手都需要的灵魂拷问
前端·python·trae
excel1 小时前
你可能忽略的 DOM 扩展技巧:scrollIntoView、data-*、innerText 到性能优化
前端