javascript中组合使用构造函数模式和原型模式创建对象

首先来讲一下构造函数创建对象。ECMAScript中的构造函数可用来创建特定类型的对象。请看下面示例了解一下构造函数模式：

function Person(name, age, job){this.name = name;this.age = age;this.job = job;this.sayName = sayName;
}function sayName(){alert(this.name);
}var person1 = new Person("Dawang", 22, "Softwaare Engineer");
var person2 = new Person("King", 23, "Doctor");person1.sayName();//Dawang
alert(person1.constructor == Person);//true
alert(person2.constructor == Person);//true

从代码中可以看出，person1和person2的constructor都指向Person，这两个实例既是Person的实例，也是Object的实例。但是，使用构造函数的缺点是，每个方法都要在每个实例上重新创建一遍。在上面的示例中，person1和person2都有一个sayName()方法，但是这两个方法不是同一个Function的实例。因为ECMAScript中的函数是对象，因此每定义一个函数，也就是实例化了一个对象。创建两个完成同样任务的Function实例没有必要，所以，采用的方法就是像上述代码那样，将函数定义转移到构造函数外部来解决。这样，sayName包含了一个指向函数的指针，person1和person2对象就共享了在全局作用域中定义的同一个sayName()函数。
在全局作用域中定义的函数实际上只能被某个函数调用，如果对象需要定义很多方法，那就要定义很多个全局函数，我们自定义的引用类型就没有封装性可言了。这一点可以通过原型模式来解决，我的上一篇文章已经介绍过，原型模式也有缺点。因此，实际上创建自定义类型的最常见方式，就是组合使用构造函数模式和原型模式。
构造函数模式用于定义实力属性，而原型模式用于定义方法和共享的属性。这样，每个实例都会有自己的一份实例属性的副本，同时又共享着对方法的引用，最大限度的节省了内存。这种混合模式还支持向构造函数传递参数，集合了两种模式之长。请看示例：

function Person(name, age, job){this.name = name;this.age = age;this.job = job;this.friends = ["Hongtao","Xiaosheng"];
}Person.protytype = {constructor: Person,sayName: function(){alert(this.name);}
}var person1 = new Person("Dawang", 22, "Softwaare Engineer");
var person2 = new Person("King", 23, "Doctor");person1.friends.push("Huazi");
alert(person1.friends);//"Hongtao,Xiaosheng,Huazi"
alert(person2.friends);//"Hongtao,Xiaosheng"
alert(person1.friends === person2.friends);//false
alert(person1.sayName === person2.sayName);//true

从示例中可以看出，修改person1.friends并不会影响person2.friends，因为它们分别引用了不同的数组。
这种构造函数和原型模式混合的模式，是ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。

javascript中组合使用构造函数模式和原型模式创建对象相关推荐

JavaScript之面向对象学习六原型模式创建对象的问题,组合使用构造函数模式和原型模式创建对象...
一.仔细分析前面的原型模式创建对象的方法,发现原型模式创建对象,也存在一些问题,如下: 1.它省略了为构造函数传递初始化参数这个环节,结果所有实例在默认的情况下都将取得相同的属性值,这还不是最大的问题 ...
Javascript 构造函数模式、原型模式
前两天写完组合继承,打算总结一下原型继承的,不过今天看了一下工厂模式.构造函数模式和原型模式,觉得有必要总结一下以加深印象. ------------------------------------- ...
javascript 面向对象编程（工厂模式、构造函数模式、原型模式）
javascript 面向对象编程(工厂模式.构造函数模式.原型模式) CreateTime--2018年3月29日17:09:38 Author:Marydon 一.工厂模式 /*** 工厂模式*/ ...
js面向对象-组合使用构造函数模式和原型模式（使用最广泛、认同度最高）
组合使用构造函数模式和原型模式构造函数模式用于定义实例属性原型模式用于定义方法和共享的属性优点:每个实例都有自己的实例属性的副本,但同时共享对方法的引用,最大限度的节省内存 function P ...
中单引号怎么转义_在JavaScript中组合字符串的4种方法
下面是在JavaScript中组合字符串的4种方法.我最喜欢的方法是使用模板字符串.为什么?因为它更具可读性,所以没有转义引号的反斜杠,没有笨拙的空格分隔符,也没有混乱的加号操作符 . const i ...
在JavaScript中组合字符串的4种方法
下面是在JavaScript中组合字符串的4种方法.我最喜欢的方法是使用模板字符串.为什么?因为它更具可读性,所以没有转义引号的反斜杠,没有笨拙的空格分隔符,也没有混乱的加号操作符
一口气讲完设计模式（单例模式、工厂模式、原型模式、建造者模式、适配器、桥梁模式）
设计模式使用设计模式,可以让我们的代码具有更好的可读性.可扩展性.可读性.重用性.符合高内聚低耦合的特点.作为程序员,是我们经常听到的概念,也是我们程序员必须深入学习,了解的知识. 设计模式种类该 ...
JavaScript-设计模式(四) 原型模式
JavaScript-设计模式(四) 原型模式定义:原型模式(Prototype pattern)指的是使用一个原型的实例为模板,通过复制一个已经存在的实例来返回新的实例,而不是从头开始新建实例.原 ...
软件系统设计-4-建造者模式、原型模式
1. 建造者模式 1.1. 模式动机无论是在现实世界中还是在软件系统中,都存在一些复杂的对象,它们拥有多个组成部分,如汽车,它包括车轮.方向盘.发送机等各种部件.而对于大多数用户而言,无须知道这些部 ...

javascript中组合使用构造函数模式和原型模式创建对象

javascript中组合使用构造函数模式和原型模式创建对象相关推荐

最新文章

热门文章