Javascript乱弹设计模式系列(2) － 抽象工厂以及工厂方法模式(Factory)

最终页面显示如下所示：

从图上可以看出，博客会员以上的用户类型可以显示“文章管理，个人资料管理”标签，超级管理员可以显示“系统后台管理”；而布局选择包括“左，中，右结构”，“左，右上，右下结构”，“左上，左下，右结构”，颜色包括“蓝”，“红”，“绿”，“紫”，这里只能博客会员和超级管理员才可以显示；

（这里我使用了网上提供的jquery.tab.js插件对标签进行实现，详细请看http://stilbuero.de/jquery/tabs_3/）

好了，现在开始介绍这个实例通过Javascript工厂模式是如何实现的。

2.　IMember.js不变，从简单工厂中直接复制。

3. IMember的具体实现类Guest，BlogMember，SuperAdmin从简单工厂中复制，这里分别添加个原型方法isSetColorBlock，判断该用户类型是否可设置颜色和布局，如下所示：

Guest.prototype={
　　//…
　　isSetColorBlock:function(){
　　　　returnfalse;
　　}
}
BlogMember.prototype={
　　//…
　　isSetColorBlock:function(){
　　　　returntrue;
　　}
}
SuperAdmin.prototype={
　　//…
　　isSetColorBlock:function(){
　　　　returntrue;
　　}
}

可以看到游客不能进行设置，而博客会员和超级管理能进行设置；