关于css:javascript-设计模式

53次阅读

共计 682 个字符,预计需要花费 2 分钟才能阅读完成。

1. 工厂模式

所谓工厂模式就是像工厂一样反复的产生相似的产品,工厂模式只须要咱们传入正确的参数,就能生产相似的产品;咱们罕用的就是 class 结构器一样。每次用导类的时候,就产生一个新的实例。当然在理论利用中还有很多,比方咱们常常写的 utils

// 工厂模式示例
function User(name, age, career, work) {
    this.name = name;
    this.age = age;
    this.career = career;
    this.work = work;
}

2. 单例模式

  • 保障一个类仅有一个实例,并提供一个拜访它的全局拜访点,这样的模式就叫做 单例模式
  • 惟一数据源 (SSOT)

这个我常常应用,比方在在写避免函数防抖中。

class SingleSong {show() { }
    static getInstance() {if(!SingleSong.instance) {SingleSong.instance = new SingleSong();
        }
        return SingleSong.instance;
    }
}

 // 也能够用必包 
   const Modal = (function() {
        let modal = null
        return function() {if(!modal) {modal = document.createElement('div')
                modal.innerHTML = '您还未登录哦~'
                modal.id = 'modal'
                modal.style.display = 'none'
                document.body.appendChild(modal)
            }
            return modal
        }
    })()
    
    const modal = new Modal()

正文完
 0