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());
相关文章推荐
- Javascript设计模式理论与实战:简单工厂模式
- 读JavaScript设计模式之简单工厂模式有感
- javascript设计模式--简单工厂模式
- 【JavaScript设计模式】创建型设计模式--简单工厂、工厂方法、抽象工厂
- JavaScript设计模式之工厂模式简单实例教程
- JavaScript设计模式--简单工厂模式例子---XHR工厂
- Javascript设计模式理论与实战:简单工厂模式
- Javascript设计模式理论与实战:简单工厂模式
- javascript设计模式:简单工厂模式
- javascript设计模式简单介绍之【工厂模式】
- 阎宏博士讲解:简单工厂(Simple Factory)模式
- 简单工厂设计模式-设计模式(1)
- 单态模式(Singleton)简单工厂(Simple Factory)
- JAVA设计模式——简单工厂(Simple Factory)模式
- 简单工厂模式
- 简单工厂模式,抽象工厂模式,反射工厂模式的代码总结
- 阎宏:Java语言简单工厂创立性模式介绍
- 简单的工厂模式
- 小菜编程成长记(五 体会简单工厂模式的美妙)
- 设计模式之(2)简单工厂模式