组合使用构造函数模式和原型模式

Posted ahaowh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组合使用构造函数模式和原型模式相关的知识,希望对你有一定的参考价值。

创建自定义类型的最常见方式,就是组合使用构造函数与原型模式。构造函数模式用于定义实例属性
而原型模式用于定义方法和共享方法,结果,每个实例都会有自己的一份实例属性
的副本,但同时又共享着对方法的引用,最大限度地节省了内存,另外这种模式还支持像构造函数传递参数

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.firend = [‘ahao‘,‘ada‘];
}
Person.prototype = {
constructor: Person,
sayName:function(){
console.log(this.name);
}
};
var p1 = new Person(‘wh‘,24,‘web开发‘);
var p2 = new Person(‘lsf‘,47,‘超市上班‘);

p1.firend.push(‘asong‘);
console.log(p1.firend); // ["ahao", "ada", "asong"]
console.log(p2.firend); // ["ahao", "ada"]
console.log(p1.firend === p2.firend); // false
console.log(p1.sayName === p2.sayName); // true

  



在这个例子中,实例属性都是构造函数中定义的,而由所有实例共享的属性constructor和方法
sayName()则是在原型中定义的,而修改了p1.friend,并不会影响p2,因为它们分别引用了不同的数组。
这种构造函数与原型混成的模式,是目前使用最广泛的,认同度最高的一种创建自定义类型
的方法

以上是关于组合使用构造函数模式和原型模式的主要内容,如果未能解决你的问题,请参考以下文章

JSJavaScript创建对象 - 工厂模式 - 构造函数模式 - 原型模式 - 原型链 - 组合模式

组合使用构造函数模式和原型模式

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

JavaScript 创建对象 (工厂模式构造函数模式原型模式组合使用构造函数模式与原型模式)

javacript 组合使用构造函数模式和原型模式

JavaScript之面向对象学习六原型模式创建对象的问题,组合使用构造函数模式和原型模式创建对象