JavaScript中的原型和原型链

本文深入探讨JavaScript中prototype(原型)属性的作用,解释如何通过构造函数创建对象实例,并分享实例对象、原型对象及构造函数之间的关系。文章还介绍了如何利用原型链实现属性和方法的共享,以及如何通过内置方法和运算符操作原型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.prototype

我们创建的每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向了一个对象,而这个对象的用途就是包含可以由特定类型的所有实例共享的属性和方法。

好处:使用原型的好处就是可以让所有的对象实例共享原型对象所包含的属性和方法。

1. 无论什么时候,主要创建了一个新函数,就会根据一组特殊的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有的原型对象都会自动获得一个constructor(构造函数)属性,这个属性是一个指向prototype属性所在函数的指针。对于上例,Person.prototype.constructor指向Person。

2. 创建了自定义的原型函数之后,其原型对象默认只会获得constructor属性,至于其他方法,都是从Object继承而来的。

3.当调用构造函数创建一个新实例之后,其实例内部将包含一个指针(内部属性)[[Prototype]]指向构造函数的原型对象。

图示:

补充:

1.Person.prototype指向了原型对象

2.Person.prototype.constructor指向Person

3.默认创建一个新函数,它的原型对象只包含constructor属性,但在上例中,后来又添加了其他属性。

4.Person对象的实例的内部属性仅仅指向Person.prototype

二.__proto__

所有的对象都具有__proto__(隐式原型),指向构造该对象的构造函数的原型对象。

如以下:

(3)原型链

  当为对象实例添加一个属性的时候,这个属性会屏蔽掉原型对象中的同名对象。即使将这个属性的值设置为null,也只会在实例中设置这个属性,不会恢复其指向原型的连接。不过,使用delete可以完全删除实例属性,从而让我们恢复访问原型中的属性。

归纳:

构造函数有一个prototype属性,指向的是实例对象的原型对象。

原型对象有一个constructor属性,指向的是原型对象对应的构造函数。

实例对象有一个__proto__属性,指向的是该实例对象对应的原型对象。

原型方法归纳:

6.1 isPrototypeOf()

这个方法用来判断,某个proptotype对象和某个实例之间的关系。

  alert(Cat.prototype.isPrototypeOf(cat1)); //true

  alert(Cat.prototype.isPrototypeOf(cat2)); //true

6.2 hasOwnProperty()

每个实例对象都有一个hasOwnProperty()方法,用来判断某一个属性到底是本地属性,还是继承自prototype对象的属性。

  alert(cat1.hasOwnProperty("name")); // true

  alert(cat1.hasOwnProperty("type")); // false

6.3 in运算符

in运算符可以用来判断,某个实例是否含有某个属性,不管是不是本地属性。

  alert("name" in cat1); // true

  alert("type" in cat1); // true

in运算符还可以用来遍历某个对象的所有属性。

  for(var prop in cat1) { alert("cat1["+prop+"]="+cat1[prop]); }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值