看了好几本关于这块知识点的书之后,终于有勇气来聊一聊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
组合模式很好地解决了属性私有的问题,并且实现了方法共享