js高程(一)-----创建对象的几种模式

第一种模式，工厂模式：是用函数来封装以特定接口创建对象的细节。、

优点：解决了创建多个对象相似的问题

缺点：没有解决对象的识别问题（即怎样知道一个对象的类型）

function creatPerson(name,age,job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
      console.log(this.name);
    };
    return o;
  }

  var person1 = creatPerson("jiangjie",20,"student");
  var person2 = creatPerson("lukexin",20,"student");

第二种模式，构造函数模式：

优点：解决了工厂模式不能识别对象的问题

缺点：每个方法都要在每个实例上重建一遍

function Person(name,age,job){//构造器
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
      console.log(this.name);
    }
  }
  var person1 = new Person('jiangjie',20,'student');
  var person2 = new Person('likexin',20,'student');

第三种模式，原型模式：原型模式的知识点是最多的，通过代码先简单的介绍两个

function Person(){}

  Person.prototype.name = "jiangjie";
  Person.prototype.age = 20;
  Person.prototype.job = "student";
  Person.prototype.sayName = function(){
    console.log(this.name);
  }

  var person1 = new Person();
  var person2 = new Person();

  person1.name = "lukexin";
  console.log(person1.name);//lulexin  来自实例
  console.log(person2.name);//jiangjie  来自原型

  delete person1.name;
  console.log(person1.name);//jiangjie 来自原型

当需要某个属性时，搜索会从实例本身开始，如果在实例中找到了这个属性，那么搜索结束，如果没有找到，会继续搜索指针指向的原型，在原型中搜索该属性；上方代码形象的解释了这个问题；

function Person(){}

  Person.prototype = {
    name:"jiangjie",
    age:20,
    job:"student",
    sayName:function(){
      console.log(this.name);
    }
  };

  Object.defineProperty(Person.prototype,'constructor',{
    enumerable:false,
    value:Person
  });

  var person1 = new Person();

3到9行介绍了一种更加简单的原型语法，但是也产生了很多问题，这样的语法等于把Person.prototype设置为一个以字面量形式保存的新对象，这时他的constructor是指向了Object（这是因为用一个对象给原型赋值导致的！），如果想让constructor指向当初的构造器，就要手动改constructor属性，上方代码给出的方法是使用了object.defineProperty方法，当然还可以在字面对象中加上一条 constructor=Person解决，但是如果这样的话，会导致constructor属性的enumerable的值被设为true，也就是可以被for-in 枚举，但是通过上方的方法可以设定为不能枚举。

第四种模式，构造函数和原型模式，也是最常见的模式，构造函数模式用于定义实例属性，原型模式用于定义方法属性，这样就可以随自己所想，设定哪些东西是共享的，那些东西是自己独立的

function Person(name,age,job){
    this.name = name,
    this.age = age,
    this.job = job,
    this.friend = ["zz","xx"];
  }

  Person.prototype = {
    sayName : function(){
      console.log(this.name);
    }
  }

  Object.defineProperty(Person.prototype,"constructor",{
    enumerable:false,
    value:Person
  });
  
  var person1 = new Person('jaingjie',20,'student');
  var person2 = new Person('lukexin',20,'student');

第五种模式，动态原型模式：继承了构造函数和原型模式的优点，而且写法简单

function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    if(typeof this.sayName != "function"){
      Person.prototype.sayName = function(){
        console.log(this.name);
      };
    }
  }
  
var person = new Person("jiangjie",20,"student");

第六种模式，寄生构造器模式：书中给出了需要使用这种模式的例子，首先给出这种模式的形式：

function Person(name,age,job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
      console.log(this.name);
    };
    return o;
  }

  var person = new Person("jiangjie",20,"student");

看起来非常像工厂模式，但是多了new；

下面是使用的例子：

function SpecialArray(){
    var values = new Array();
    values.push.apply(values,arguments);
    values.toPidString = function(){
      return this.join('|');
    };
    return values;
  }

  var color = new SpecialArray('red','green','gray');

第七种模式，稳妥构造函数模式，为了防止数据被其他应用程序改动时使用，总之是为了安全吧

function Person(name,age,job){
    var o = new Object();
    
  //在这定义私有变量或者函数

    o.sayName = function(){
      console.log(o.name);
    };
    return o;
  }

  var person = Person("jiangjie",20,"student");