一, 工厂模式
工厂模式解决了创建多个相似对象的问题, 但没有解决对象识别的问题 (即怎样知道一个对象的类型).
- // 工厂模式创建对象
- function createPerson(name, age, job) {
- var o = new Object();
- o.name = name;
- o.job = job;
- o.sayName = function() {
- alert(this.name);
- }
- return o;
- }
- var person2 = new createPerson("Lily", 21, "Worker");
- var person3 = new createPerson("Lulu", 21, "Student");
- person2.sayName(); //Lily
- person3.sayName(); //Lulu
二, 构造函数模式
主要是利用构造函数创建对象, 缺点是当需要定义很多方法是, 就要定义很多全局函数, 那自定义的引用类型就丝毫没有封装性可言了.
- // 构造函数模式创建对象
- function Person(name, age, job) {
- this.name = name;
- this.age = age;
- this.job = job;
- this.sayName = sayName; // 为了避免创建两个完全同样任务的 Function 实例
- }
- function sayName() {
- alert(this.name);
- }
- var person2 = new Person("Lily", 21, "Worker");
- var person3 = new Person("Lulu", 21, "Student");
- person2.sayName(); //Lily
- person3.sayName(); //Lulu
三, 原型模式
使用原型对象的好处是可以让所以对象实例共享它所包含的属性和方法.
- // 原型模式创建对象
- function Person() {
- }
- Person.prototype.name = "Lily";
- Person.prototype.age = 21;
- Person.prototype.job = "Student";
- Person.prototype.sayName = function(){
- alert(this.name);
- }
- var person2 = new Person();
- var person3 = new Person();
- person2.name = "Lulu";
- alert(person2.name); //Lulu -- 来自实例
- alert(person3.name); //Lily -- 来自原型
- delete person2.name;
- alert(person2.name); //Lily -- 来自原型
更简单的原型语法:
- function Person(){
- }
- Person.prototype = {
- constructor: Person ,name: "lily",
- age: 22,
- job: "Student",
- sayName: function(){
- alert(this.name);
- }
- };
注: 重写原型对象切断了现有原型与任何之前已经存在的对象实例之间的联系.
尽管原型模式看似完美, 但对于引用类型值的属性来说, 问题就比较突出了, 如:
- function Person() {
- }
- Person.prototype.name = "Lily";
- Person.prototype.age = 21;
- Person.prototype.job = "Student";
- Person.prototype.friends = ["a" , "b"];
- Person.prototype.sayName = function(){
- alert(this.name);
- };
- var person2 = new Person();
- var person3 = new Person();
- person2.friends.push("c");
- alert(person2.friends); //a,b,c
- alert(person3.friends); //a,b,c
问题很明显, 实例一般都是要有属于自己的全部属性的, 但上面的结果很明显就出现问题了. 如果初衷是所有实例共享一个数组时, 那这个问题便不存在了. 要解决这个问题, 可以利用以下的方法, 即组合使用构造函数模式与原型模式.
- function Person(name, age, job) {
- this.name = name;
- this.age = age;
- this.job = job;
- this.friends = ["a", "b"];
- }
- Person.prototype = {
- constructor: Person,
- sayName: function() {
- alert(this.name);
- }
- }
- var person2 = new Person("lily", 21, "Student");
- var person3 = new Person("suda", 21, "Student");
- person2.friends.push("c");
- alert(person2.friends); //a,b,c
- alert(person3.friends); //a,b
- alert(person3.friends == person2.friends); //false
- alert(person3.sayName == person2.sayName); //true
还有两种模式, 分别是寄生构造函数模式和稳妥构造模式, 不是很常用, 所以就不讲了.
参考JavaScript 高级程序设计
来源: http://www.bubuko.com/infodetail-2558729.html