javascript设计模式(一)-简单的工厂模式

一、如果同一类型的类太多，可以封装在一个函数里面

//定义一个弹出框
var LoginAlert = function() {

};
LoginAlert.prototype.show = function() {
    return "我是简单alert提示语句";
};

//定义一个确认框
var LoginConfirm = function(text) {

};
LoginConfirm.prototype.show = function() {
    return "我是简单的confirm提示语句";
};

//简单的工厂
var PropFactory = function(type) {
    switch (type) {
        case "alert":
            return new LoginAlert();
            break;
        case "confirm":
            return new LoginConfirm();
            break;
    }
};

//使用
console.log(PropFactory("alert").show())

二、上面弹出框与确认框有很多相似的地方，现在我们提取出来

var createProp = function(type, content) {
        var o = new Object();
        o.content = content;
        o.show = function() {
            return content;
        }
        if (type == "alert") {
            //关于alert类型的
        }
        if (type == "confirm") {
            //关于confirm类型的
        }
        return o;
    }
    console.log(createProp("alert", "用户名长度过多").show());