js对象2--工厂模式的由来--杂志

时间:2023-03-10 02:43:14
js对象2--工厂模式的由来--杂志

一:工厂模式引入前提例子

  先看一个案例

 <script type="text/javascript">
var person= new Object(); //创建一个对象
person.name = "小龙哥"; //给对象添加一个name属性
person.sex = "男"; //给对象添加一个属性 sex
person.sayName = function(){
  alert("大家好我是:"+this.name); // 打印出:大家好我是:小龙哥 这里的this代表调用该方法的对象
}
person.saySex = function(){
  alert("性别"+this.sex); // 打印出:性别男 这里的this代表调用该方法的对象
}
</script>

假象:加入当前有很多的人名,是不是应该像下面这样

 <script type="text/javascript">
var person2= new Object(); //创建一个对象
person2.name = "小龙哥2"; //给对象添加一个name属性
person2.sex = "男"; //给对象添加一个属性 sex
person2.sayName = function(){
  alert("大家好我是:"+this.name); // 打印出:大家好我是:小龙哥2 这里的this代表调用该方法的对象
}
person2.saySex = function(){
  alert("性别"+this.sex); // 打印出:性别男 这里的this代表调用该方法的对象
}
var person= new Object(); //创建一个对象
person3.name = "小龙哥3"; //给对象添加一个name属性
person3.sex = "男"; //给对象添加一个属性 sex
person3.sayName = function(){
  alert("大家好我是:"+this.name); // 打印出:大家好我是:小龙哥3 这里的this代表调用该方法的对象
}
person3.saySex = function(){
  alert("性别"+this.sex); // 打印出:性别男 这里的this代表调用该方法的对象
}
</script>

...    //多的我自己都不想打了

这时候就想,如果有个东西能造出一个对象(人),然后我们直接输入名字就行了...想了半天终于想出个东西---》工厂模式

* 写程序必须想到一件事情--》有重复的代码尽量使用一个函数包装起来,直接调用函数就行了

这时候工厂模式就是用来批量  “造人”  的,哈哈。真能造的话我就在家造人--美女

二:接下来引入工厂模式

 <script type="text/javascript">
function createPreason(name,sex){ //他的怪癖,喜欢参数
   var person= new Object(); //创建一个对象
   person.name = name; //给对象添加一个name属性
   person.sex = sex; //给对象添加一个sex属性
   person.sayName= function(){
    alert("大家好我是:"+this.name); // 打印出:传进来的参数name的真正值 这里的this代表调用该方法的对象
   }
   person.saySex= function(){
    alert("性别:"+this.sex); // 打印出:传进来的参数sex的真正值 这里的this代表调用该方法的对象
   }
return person; //返回对象
} var p1 = createPreason("小龙哥","男"); //调用工厂模式创建对象p1
var p2 = createPreason("小龙女","女"); //调用工厂模式创建对象p2
p1.sayName(); //打印出 大家好我是:小龙哥
p1.saySex(); //打印出 性别:男
p2.sayName(); //打印出 大家好我是:小龙女
p2.saySex(); //打印出 性别:女
</script>

我觉得工厂模式的有几个怪癖:

  1.他喜欢参数(这个应该是他的个人爱好,反正我没有这个爱好)

  2.现在需要造人的时候就可以随你造人了

  3.每个对象都会创建这两个函数--浪费

    验证:每次对象里面的函数是否是同一个  alert(p1.sayName == p2.sayName)   //肯定是 false

 1 <script type="text/javascript">
2 var a = function(){ //每写一个function就会诞生一个函数对象
3 alert(1);
4 }
5
6 var b = function(){ //每写一个function就会诞生一个函数对象
7 alert(2);
8 }
9 //上面简写,下面才是本质
10 var a =new Function("alert(1)");
11 var b =new Function("alert(2)");
12 a();
13 b();
14 </script>

所以:每次通过createPreason()创建对象,对象里面都有2个函数----恩,不说了浪费

该方式是极其简单的模式与写法,要把他弄得很高深,完美(恶心)请看下章