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个函数----恩，不说了浪费

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