其他分享
首页 > 其他分享> > 构造函数+原型模式

构造函数+原型模式

作者:互联网

构造函数+原型模式

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

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 中使用最广泛、认同度最高的一种创建定义类型的方法。可以说,这是用来定义引用类型的一种默认模式。

标签:模式,person2,Person,person1,原型,friends,构造函数
来源: https://www.cnblogs.com/WuMouRen/p/14338060.html