JavaScript创建自定义类型的方法(组合使用构造函数模式和原型模式)

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

function Person(name,age,job) {
	this.name = name;
	this.age = age;
	this.job = job;
	this.friends = ["xiaoming","xaiohong"];
}

Person.prototype = {
	constructor: Person,
	sayName: function() {
		alert(this.name);
}

var person1 = new Person("mount",29,"doctor");
var person2 = new Person("hua",30,"teacher");

person1.friends.push("xiaoli");
alert(person1.friends);        // ["xiaoming","xaiohong","xiaoli"];
alert(person2.friends);        // ["xiaoming","xaiohong"];
alert(person1.friends === person2.friends);   //false
alert(person1.sayName === person2.sayName);   //true

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值