《JavaScript 设计模式》阅读笔记之工厂模式、工厂方法、抽象工厂

简单工厂模式、工厂方法模式、抽象工厂模式（第3,4,5章内容）

代码示例

<meta charset="utf-8"></meta>
<body>
  <div id="container"></div>
</body>
<script>
//第三章
//简单工厂模式：静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。
//alert
var loginAlert=function(text){
  this.content=text
  console.log(this.content)
}
loginAlert.prototype.show=function(){
  console.log("显示 alert 提示框")
}
var userNameAlert=new loginAlert('用户名不能多于16个字母或数字！')
userNameAlert.show()

//confirm
var loginConfirm=function(text){
  this.content=text
  console.log(this.content)
}
loginConfirm.prototype.show=function(){
  console.log("显示 confirm 提示框")
}
var loginFailConfirm=new loginConfirm('用户名不存在，请重新输入！')
loginFailConfirm.show()

//prompt
var loginPrompt=function(text){
  this.content=text
  console.log(this.content)
}
loginPrompt.prototype.show=function(){
  console.log("显示 prompt 提示框")
}
var loginSuccessPrompt=new loginPrompt('欢迎回来，请输入您今天的心情吧！')
loginSuccessPrompt.show()

//类太多，封装到一个函数里。
//通过类实例化对象创建，父类方法可以共用。
var popFactory=function(name,text){
  switch(name){
    case 'alert':return new loginAlert(text);
    case 'confirm':return new loginConfirm(text);
    case 'prompt':return new loginPrompt(text);
  }
}
var userNameAle