创建对象常见的几种方式

工厂模式

function createPerson (name, age) {
  var o = new Object()
  o.name = name
  o.age = age
  o.sayName = function () {
    alert(this.name)
  }
  return o
}

var p1 = createPerson('Joey', 19)
var p2 = createPerson('Denise', 22)

缺点：没解决对象指向问题（结合下面构造函数模式就明白了）

构造函数模式

// 构造函数常用大写开头
function Person (name, age) {
  this.name = name
  this.age = age
  this.sayName = function () {
    alert(this.name)
  }
}

var p1 = new Person('Joey', 19)
var p2 = new Person('Denise', 22)

// 实例的constructor指向它的构造函数，这一块与原型链相关 https://www.jianshu.com/p/33f6409d89e6
console.log(p1.constructor) // Person
console.log(p2.constructor) // Person

console.log(p1 instanceof Person) // true
console.log(p1 instanceof Object) // true
console.log(p2 instanceof Person) // true
console.log(p2 instanceof Object) // true

除了使用 new 之外，构造函数也是普通的函数，还可以用以下方法调用：

1.当作普通函数调用
此举作用域是在window，相当于把函数里的属性和方法都添加到window了，在严格模式会报错

Person('Nicole', 19)
console.log(window.name) // Nicole
console.log(window.age) // 19
window.sayName() // Nicole

2.在另一个对象的作用域调用

var o = new Object()
Person.call(o, 'Nicole', 19)
console.log(o.name) // Nicole
console.log(o.age) // 19
o.sayName() // Nicole

缺点：每个方法都要在实例中重新创建一边，p1和p2就各自有一个同名的方法 sayName，创建两个实现同样功能的方法似乎不符合经济原则

console.log(p1.sayName === p2.sayName) // false

原型模式

function Person (name, age) {
}
Person.prototype.name = 'Nicole'
Person.prototype.name = 21
Person.prototype.sayName = function () {
  alert(this.name)
}

缺点：里面所有属性和方法都是共享的，不符合实际使用场景

构造函数&原型模式组合

function Person (name, age) {
  this.name = name
  this.age = age
  this.friends = ['Denise', 'Hins']
}
Person.prototype = {
  constructor: Person,
  sayName: function () {
    alert(this.name)
  }
}
var p1 = new Person('Joey', 19)
var p2 = new Person('Joey', 19)

p1.friends.push('wyman')
console.log(p1.friends) // ["Denise", "Hins", "wyman"]
console.log(p2.friends) // ["Denise", "Hins"]

console.log(p1.sayName === p2.sayName) // true

构造函数也原型的混杂，是被业界共同认同的一种模式

动态原型模式

function Person (name, age) {
  this.name = name
  this.age = age
  this.friends = ['Denise', 'Hins']
  // if 语句检查的可以是初始化初始化之后应该存在的属性和方法
  if (typeof this.name !== 'function') {
    Person.prototype.sayName = function () {
      alert(this.name)
    }
  }
}
console.log(Person.constructor)
var p1 = new Person('Joey', 19)
var p2 = new Person('Hocc', 19)

p1.friends.push('wyman')
console.log(p1.friends) // ["Denise", "Hins", "wyman"]
console.log(p2.friends) // ["Denise", "Hins"]

console.log(p1.sayName === p2.sayName) // true