原型

本文介绍了JavaScript中原型的概念,它是function对象的属性,定义了构造函数所构造对象的公共祖先,可解决代码冗余问题。还说明了可将固定属性存于原型,增删改需在原型中进行,以及对象通过__proto__找原型、用constructor找构造函数。

**原型:**原型是function对象的一个属性,它定义了构造函数构造出的对象的公共祖先。通过该构造函数产生的对象可以继承该原型的属性和方法。原型也是对象。

利用原型,我们可以解决代码冗余问题。

function Car(color,owner){
	this.color=color;
	this.owner=owner;
	this.lang = 4900;
	this.heitght = 1900;
	this.name = "BWM";
}

我们设置了一个构造函数,其中包含了颜色,车主,长度,高度,名字属性。当我们利用这个构造函数构造对象时,其中的内容都会被重复构造。但是其中长度,高度,名字属性都是固定的,这个时候,要是有个一个对象可以储存这些个固定的属性,而构造函数构造的对象又可以对它们进行访问的话,那不就节约出了很多的空间吗?具有这个功能的,就是我们的原型对象啦。
我们完全可以把这些属性丢到该构造函数的原型中去,因为通过该构造函数产生的对象可以继承该原型的属性和方法,所以访问这些属性是不成问题的。

//Car.prototype  -->原型
Car.prototype={
	 	lang : 4900,
	 	heitght : 1900,
		name : "BWM"
}

function Car(color,owner){
	this.color=color;
	this.owner=owner;
}

增删改原型中的属性和方法需要在原型中进行,不能通过后代对原型进行这些操作。
比如要修改原型中的height值

Car.prototype.height=1800;

后代中看似对原型中的属性的修改,其实是给自己的对象中增加了height属性并且赋值
原型中的值并未被修改

car1=new Car();
car1.height=800;

由构造函数构造的对象是怎么找到原型的?又是如何找到自己的构造函数的?

当在用构造函数构造对象时,会在里面自动添加 __proto__属性,这个属性指向的是Car.prototype对象,也就是原型,可以通过为Car.__proto__附上一个新的对象来改变Car的原型,但最好不要更改。 当创建的对象发现自己没有被查询的属性时,就会沿着Car.__proto__去找到原型,查看原型中有没有被查询属性。
除了__proto__属性,constructor属性也会被自动添加,constructor属性会返回构造这个对象的构造函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值