js创建对象的几种方式

看了好几本关于这块知识点的书之后，终于有勇气来聊一聊js创建对象的问题

1.工厂模式：

代码：

function createPerson(name, age) {
    var o = new object();
    o.name = name;
    o.age = age;

    o.sayName = function() {
        alert(this.name);
    }; // 函数表达式后面要加分号
    return o;
}
var person1 = createPerson("john", 29);
var person2 = createPerson("grey", 27);

优缺点：虽然解决了创建多个相似对象的问题，但是没有解决对象识别的问题。

2.构造函数模式

function Person(name, age) {
    this.name = name;
    this.age = age;

    this.sayName = function() {
        alert(this.name);
    };
}
var person1 = new Person("john", 29);
var person2 = new Person("grey", 27);

与工厂模式相比：

1.没有显式地创建对象

2.直接将属性和方法赋给了this对象

3.没有return语句

同时，要创建对象必须使用new操作符，否则时普通函数，而不是构造函数。new的作用：

1.创建一个对象；

2.将构造函数的作用域赋给了this的对象（因此this就指向了这个新对象）

3.执行构造函数中的代码（为这个新对象添加属性）

4.返回新对象

把方法放在构造函数内部，new出的两个对象实例方法是不相等的。也就是说，每new一个实例的时候，方法都重写了，造成了代码重复。如果把方法放在对象外部声明，那构造函数失去了其封装性，变成了任意对象都可调用的方法。

3.原型模式

代码：

function Person() {
}
Person.prototype.name = "Nicholas";
Person.prototype.age = "29";
Person.prototype.friends = [1];
Person.prototype.sayName = function () {
    console.log(this.name);
};
var person1 = new Person();
person1.sayName(); // "Nicholas"
person1.friends.push(2);//[1,2]

var person2 = new Person();
person2.sayName();// "Nicholas"
person2.friends; // [1,2]
person1.sayName == person2.sayName; //true

这里看到原型模式共享方法和属性，当我希望引用类型的属性私有时，就会出现问题。

4.构造函数和原型组合模式

function Person() {

	this.name = "Nicholas";
	this.age = "29";
	this.friends = [1];
}

Person.prototype.sayName = function () {    

	console.log(this.name);

};

var person1 = new Person();person1.sayName(); // "Nicholas"

person1.friends.push(2);//[1,2]

var person2 = new Person();

person2.sayName();// "Nicholas"

person2.friends; // [1,2]

person1.sayName == person2.sayName; //true

组合模式很好地解决了属性私有的问题，并且实现了方法共享