最近在弄公司的一个活动页面可配置的项目，姑且叫cms吧
功能呢就是每次做促销活动比如双11的时候运营在管理后台配置相应的模块，最终生成页面

接口是类似这个样子的结构

{
    list:[
        {
            type: 1,  //这个模块的type，比如1对应商品组合模块
            cmsId: 1, //这个模块的唯一id
            data: {
                //具体的这个模块的数据
            }
        }
    ],
    code: 200,
    msg: ''
}    

目前我的思路是这样的：
通过简单的工厂模式定义一个通用接口

var factoryInterface = function(type,data){
    switch(type){
        case 1:
            return new BannerWithBroadcastTpl(data)
            break;
        case 2:
            return new PicDisplayTpl(data)
            break;
    }
}   

BannerWithBroadcastTpl和PicDisplayTpl都是定义好的组件，每个组件都有一个create方法来创造组件

用下面的代码来最终完成项目的初始化

for(var i=0,length=data.length;i<length;i++){
    !(function(i){
        factoryInterface(data[i].type,data[i]).create(_this.root)
    })(i)
}

现在想和各位大神讨论下这个方案还有没有其他的代码设计方案，欢迎大家来喷~~