工厂模式
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
