原型链(prototype, _proto_)

本文详细介绍了JavaScript中的原型(prototype)及其作用,包括如何通过构造函数实现对象继承,以及原型链的工作原理,以实例和链式结构来展示对象如何访问和查找原型中的方法。
摘要由CSDN通过智能技术生成

原型

每个函数都有prototype属性,称之为原型;
因为这个属性的值是一个对象,所以也称为原型对象。

作用:

  1. 存放一些属性和方法
  2. 在JavaScript中实现继承

举一个例子:

const arr = new Array(1, 2, 3);
arr.reverse(); //翻转
arr.sort(); //排序

上述代码中,arr实例对象之所以可以使用reverse和sort方法,是因为原型的存在。

分析:
构造函数Array会有一个属性Array.prototype(原型对象),在Array.prototype上挂在着很多方法(例如:Array.prototype.pop()、Arrary.prototype.push()、Arrary.prototype.shift()等等。。),所以,我们可以通过构造函数Array,生成一个实例arr,那么实例arr就可以就可以使用原型Array.prototype上的方法了。

原型链

proto:每个对象都有_proto_属性

作用:这个属性指向它的原型对象

const arr = new Array(1, 2, 3);
arr.reverse(); //翻转
arr.sort(); //排序
console.log(arr._proto_ === Array.prototype) //true

原型链详细举例:
每个构造函数都有一个prototype属性,那么Person也有一个prototype属性,这个属性叫原型对象。
每个对象都有一个_proto_属性指向它的原型(prototype),那么person也有一个_proto_属性指向person的原型(Person.portotype)。
当person调用某个成员属性或者成员方法时,Person.prototype上没有。由于Persion.prototype这个对象也会有一个_proto_属性指向它的原型Object.prototype,如果Object.prototype没有,Object.prototype有个_proto_属性,只不过Object.prototype._proto_指向null,所以最终会返回null。
在这里插入图片描述
综上所述,通俗地讲,_proto_链接的这条路线就是原型链了。

原型链视频讲解链接,这个有可能会失效哦!

原型链Prototype Chain)是JavaScript中实现继承的一种方式。每个对象都有一个内部属性_proto_ ,该属性指向了该对象的原型对象。原型对象也有自己的_proto_属性,指向其原型对象。实际上,原型链就是通过_proto_属性将多个对象串联起来形成的链。 原型链的工作原理是当访问一个对象的属性时,如果该对象本身没有定义这个属性,则会去其_proto_属性指向的原型对象上查找该属性。如果原型对象也没有定义这个属性,则会去原型对象的_proto_属性指向的原型对象上查找,依次类推,直到找到该属性或者找到最顶层的Object对象,如果仍然没有找到该属性,则返回undefined。 通过原型链,可以实现属性的继承。当我们创建一个对象时,可以指定其原型对象,该对象就可以继承原型对象上的属性和方法。当访问一个对象的属性时,如果对象本身没有定义该属性,就会去其原型对象上查找,从而实现属性的继承。 尽管原型链在实现继承上非常强大,但是如果多个对象共享同一个原型对象,那么在原型对象上的属性的修改会影响到所有的对象。因此,在使用原型链实现继承时要注意避免对原型对象上属性的直接修改,可以通过在子对象中重新定义同名属性来避免这个问题。 总之,原型链JavaScript中实现继承的一种机制,通过_proto_属性将多个对象连接成链状结构。通过原型链,可以实现属性的继承,并且可以通过在子对象中重新定义同名属性来扩展或者修改继承的属性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值