您的位置:首页 > Web前端 > JavaScript

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

2017-05-12 17:29 501 查看

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

//定义一个弹出框
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());
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: