当前位置: 首页 > Web前端 > CSS

javascript-设计模式

时间:2023-03-31 13:36:56 CSS

1。工厂模式所谓工厂模式就是像工厂一样重复生产类似的产品。工厂模式只需要我们传入正确的参数就可以生产出类似的产品;我们经常使用的是类的构造函数。每次使用类时,都会创建一个新实例。当然实际应用中还有很多,比如我们经常写的utils//工厂模式例子functionUser(name,age,career,work){this.name=name;这个。年龄=年龄;this.career=职业;this.work=work;}2.单例模式确保一个类只有一个实例,并提供一个全局访问点来访问它。这种模式称为单例模式。唯一数据源(SSOT)我经常用到这个,比如在写防抖功能中。classSingleSong{show(){}staticgetInstance(){if(!SingleSong.instance){SingleSong.instance=newSingleSong();}返回SingleSong.instance;}}//也可以使用强制包constModal=(function(){letmodal=nullreturnfunction(){if(!modal){modal=document.createElement('div')modal.innerHTML='You未登录~'modal.id='modal'modal.style.display='none'document.body.appendChild(modal)}returnmodal}})()constmodal=newModal()