闲聊javascript设计模式 - 单例模式

闲聊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 );
});

这，就是一个最简单的单例模式了。

WEB前端架构（一）