一、工厂模式
function createPerson(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('张三', 19, '程序员')
解决了创建多个相似对象的问题,却没有解决对象识别的问题。
二、构造函数模式
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
this.sayName = function () {
alert(this.name);
};
}
var person1 = new Person('张三', 28, '程序员')
var person2 = new Person('李四', 25, '产品经理')
与工厂模式的不同:
1、没有显式的创建对象
2、 直接将属性和方法赋给了this对象
3、 没有return语句
缺点
当创建两个不同的实例时,person1和person2都有一个sayName()方法,但这两个方法不是同一个Function的实例。
补充
要创建Person的新实例,必须要有new操作,new操作的步骤:
1、创建一个新的对象
2、将构造函数的作用域赋给新对象(关键字this指向新对象)
3、执行构造函数中的代码并将构造函数里的属性和方法赋给新对象的this
4、返回新对象
原型模式
每一个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,这个对象包含可以由特定类型的所有实例共享的属性和方法。
function Person() { }
Person.prototype.name = '张三';
Person.prototype.age = 25;
Person.prototype.job = "程序员";
Person.prototype.sayName = function () {
alert(this.name);
}
var person1 = new Person();
person1.sayName(); //张三
var person2 = new Person();
person2.sayName(); //张三
alert(person1.sayName == person2.sayName); //true
构造函数是一个空函数,所有的属性和方法添加到了prototype上,新对象会有相同的属性和方法,这些属性和方法是共享的。
组合使用构造函数模式和原型模式(最常用)
构造函数模式用于定义实例属性,原型模式用于定义方法和共享的属性。每个实例都会有自己的一份实例属性的副本,但又同时共享着对方法的引用,最大限度的节省了内存。
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
this.friend = ['A','B']
}
Person.prototype.sayName = function () {
alert(this.name)
}
var person1 = new Person('张三', 25, '程序员')
var person2 = new Person('李四', 28, '产品经理')
console.log(person1.name); // 张三
console.log(person2.name); //李四
person1.friends.push('王五')
console.log(person1.friends);//['A','B','王五']
console.log(person2.friends);['A','B']
console.log(person1.sayName == person2.sayName); // true
这种方法是目前使用最广泛、认同感最高的一种创建自定义类型的方法。
此外还有寄生模式和稳妥构造函数模式等。
注:本文内容整理自《javaScript高级程序设计》