js设计模式:享元模式

最新推荐文章于 2024-05-10 10:00:43 发布

原创最新推荐文章于 2024-05-10 10:00:43 发布 · 876 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #设计模式 #享元模式 #前端

js设计模式专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何在JavaScript中通过创建可复用的对象，封装操作逻辑，以优化性能。通过`useApp`函数，实例化`Ipad`对象并添加自定义应用程序，展示了封装技术的实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作用:

当需要处理很多非常类似操作的时候,可以创建可以共享的对象,并暴露接口供其他对象调用

这个对象内包含这些操作的处理逻辑,可以优化性能

示例:

        const Ipad = function(){
           const apps = {}

           const useApp = function(appName,appFun){
                  if(apps[appName]){
                    return apps[appName]
                  }
                  const app = {
                    appName:appName,
                    appFun:appFun
                  }
                  apps[appName] = app
                  return app
           }
           return { useApp }
        }

        const ipad = new Ipad()
        const bilibili = ipad.useApp('bilibili','学习编程技术')
        const jingdong = ipad.useApp('jingdong','网购使用')
        const lolm = ipad.useApp('lolm','游戏娱乐')
         
        console.log(ipad,'平板')
        console.log(bilibili,jingdong,lolm,'应用')