构造函数+原型模式

  • A+
所属分类:Web前端
摘要

​ 创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同使又共享这对方法的引用,最大限度地节省了内存。另外,这种混合模式还支持向构造函数传递参数;可谓是集两种模式之长,下面的代码重写了前面的例子:


构造函数+原型模式

​ 创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同使又共享这对方法的引用,最大限度地节省了内存。另外,这种混合模式还支持向构造函数传递参数;可谓是集两种模式之长,下面的代码重写了前面的例子:

function Person(name, age, sex){ 	this.name = name 	this.age = age 	this.sex = sex 	this.friends = ['小红', '小美'] } Person.prototype = { 	constructor: Person, 	sleep: function() { alert(this.name + '睡觉了') } }  var person1 = new Person() var person2 = new Person()  person1.friends.push('小敏') console.log(person1.friends)	// ["小红", "小美", "小敏"] console.log(person2.friends)	// ["小红", "小美"] console.log(person1.friends === person2.friends)	// false console.log(person1.sleep === person2.sleep)		// true 

​ 在这个例子中,实例属性都是在构造函数中定义的,而由所有实例共享的属性 constructor 和方法 sleep() 则是在原型中定义的。而修改了 person1.friends (向其中添加一个新字符串),并不会影响到 person2.friends,因为它们分别引用了不同的数组。

​ 这种构造函数与原型混成的模式,是目前 ES5 中使用最广泛、认同度最高的一种创建定义类型的方法。可以说,这是用来定义引用类型的一种默认模式。