闲聊javascript设计模式 - 单例模式
最近在写电商网站的过程中,遇到了许多问题,也有很多遗憾的地方,
这几天一直在回忆开发的过程,现在想来有许多地方应该可以写的更好。
所以就来研究下JS的设计模式,看看能不能有些收获。。
单例嘛,页面上,dom中始终只能一个类的唯一的实例,如果某类已经有实例了,
就不再生成类的实例。
这个在电商网站中最常见的就是各种弹出窗口,
我的作法是搞了一个dom容器,然后把弹出容器的内容,做为参数传进来。
就像这样:
function popup( popContent ){
if(popupId) return popupId;
$('<div/>',{
id:'popupId'
})
.html( popContent )
.appendTo( $('parentDiv') );
}
var xpop = // 一大段的html之类的
$('btn').on('click',function(){
popup( xpop );
});
这,就是一个最简单的单例模式了。