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

时间:2022-04-12 14:50:26

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

//定义一个弹出框
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());