JS创建对象（工厂模式、构造函数模式、原型模式）

一、工厂模式

       虽然Object构造函数或对象自变量都可以用来创建单个对象，但是这些方式有个很大的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，人们开始使用工厂模式的一种变体。

functioncreatePerson(name, age, job) {
    var o = new Object()
    o.name = name
    o.age = age
    o.job = job
    o.sayName =  function () {
        alert(this.name)
    }
    return o
}
var  person1 = createPerson('Nick', 29, 'Doctor')

函数createPerson() 能够根据接受的参数来构建一个包含所有必要信息的Person对象，可以无数次的调用这个函数，而它每一次都会返回一个包含三个属性一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即怎样知道一个对象的类型），于是出现了一个新的模式！

二、 构造函数模式

      构造函数可用来创建特类型的对象，像Object和Array这样的原生构造函数，在运行时会自动出现在执行环境中。此外，也可以创建自定义的构造函数，从而定义自定义对象类型的属性和方法。可以用构造函数模式将前面的例子重写如下：

function Person(name, age, job) {

    this.name = name

    this.age = age

    this.job = job

    this.sayName =  function () {

        alert(this.name)

    }

}

prototypePersonPersonPerson}



person1 = new Person()

sayName()  //Nick



person2 = new Person()

sayName //Nick

在这里，我们将sayName()方法和所有属性直接添加到了Person的propotypes属性中，构造函数变成了空函数。即使如此，也仍然可以通过构造函数来创建新对象，而且新对象还会具有相同的属性和方法。但是与构造函数模式不同的是，新对象的这些属性和方法是所有实例共享的，所以person1和person2访问的是同一组属性和同一个sayname()函数。

无论什么时候，只要创建了一个新的函数，就会根据一个特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象。在默认情况下，所有的原型对象都会自动获得一个constructor（构造函数的属性），这个属性是一个指向prototype属性所在函数的指针。就拿这个例子来说，Person.prototype.constructor指向person。而通过这个构造函数，我们还可以继续为原型对象添加其他属性和方法。

而在person1和person2实例对象中，有个指针[[Prototype]]指向了Person.protoype，所以他们与构造函数没有直接的关系，但是可以调用person1.sayNme()。虽然在所有的实现中都无法访问到[[Prototype]]，但是可以通过isPrototypeOf()方法来确定对象之间是否存在这种关系。从本质上来讲，如果[[Prototype]]指向了调用isPrototypeOf()方法的对象（Person.prototype）,那么这个方法就返回true，如下所示：

console.log(Person.prototype.isPrototypeOf(person1))

每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是给定名字的属性。搜索首先从实例对象本身开始，如果找到了，则返回；如果没有，则继续搜索原型对象，如果在原型对象中找到了该属性，则返回该值。原型对象也不是没有缺点，首先它省略了为构造函数初始化参数这一环节，结果所有实例在默认情况下都将取得相同的属性值；而且原型有个最大的问题，而这个最大的问题就是由其共享的本性导致的，会造成实例没有属于自己的全部属性。

function Person() {

}



Person.= {

    constructor: Person,

    name: 'Nick',

    age: 29,

    job: 'engineer',

    friends: ['Bob', 'Tom'],

    sayName: function () {

        alert(this.name)

    }

}



person1 = new Person()

person2 = new Person()



friends.push('Van')



(person1.friends) //'Bob,Tom,Van'

(person2.friends) //'Bob,Tom,Van'

四、 组合使用构造函数模式和原型模式

创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式，构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。

function Person(name, age, job) {

    this.name = name

    this.age = age

    this.job = job

    this.friends = ['Bob', 'Tom']

    

prototype var var person1.alertalert<span lang="EN-US" style="" font-size:14.0pt;"="">(person2.friends) //'Bob,Tom'

这种构造函数与原型混合的模式，目前是在ECMAScript中使用最广泛、认同度最高的一种创建定义类型的方法。