JavaScript原型链

JavaScript原型链是函数原型对象组成的调用链条,当实例对象找不到属性或方法时,会在原型对象中查找。每个对象都有__proto__指向构造函数的prototype,而原型对象的constructor指向构造函数。原型链会一直向上查找,直到Object的原型对象的__proto__为null,表示原型链结束。所有的对象都是Object的实例,Object.prototype是Function创造的。

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

原型链prototype

什么是原型链,顾名思义,原型链是一条函数原型对象组成的调用链条。JS中每一个函数都有一个原型对象,当实例对象中读取自己的属性或调用方法时找不到该属性和方法时,此时会通过与之关联的prototype原型对象来继续查找,JS利用这个特性模拟“继承”。

function Parent() {
     this.name = '基类';
}

Parent.prototype.study = function () {
     console.log('开始学习啦')
}

var child = new Parent()
child.study();

 这里在构造函数中是没有定义study的,所以实例对象本身也没有study方法,但是这里依然可以调用study方法,因为这里与它关联的原型对象中定义了study方法

指向prototype的__proto__

既然prototype指向了构造函数的原型对象,那跟我们实例对象有什么关系?

function Parent() {
    this.name = '基类';
}

Parent.prototype.study = function () {
    console.log('开始学习啦')
}

var child = new Parent()
child.study();
console.log(child.__proto__ === Parent.prototype); // true

实例对象有个__proto__属性指向了构造函数的prototype,也就是原型对象,这个属性是javaScript中所有对象都有的(null:我不是对象啊?),但是该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性,实际上

指回构造函数的constructor

实例和构造函数都能通过属性指向原型对象,那原型对象怎么识别指向它的构造函数,原型对象上有一个constructor属性,指向与之关联的构造函数

原型的原型

开头有指出实例对象在读取自己未定义的属性和方法时,如果找不到则会顺着与之关联的原型对象中去查找,如果还是找不到的话会怎么处理?顺着与原型对象关联的原型对象继续查找,直到都没有时,这样前面说的原型链就更具体了,可以把每一个原型对象都看作是链条的一个节点。那与原型对象关联的原型对象是什么呢,原型对象也是个对象,也就是说原型对象的__proto__ 指向的是Object的prototype原型对象。

Object的原型对象又会与谁的prototype关联呢?可以运行一下

console.log(Object.prototype.__proto__) // null

 结果是为null,null表示没有“对象”,即原型查找已经到了尽头

 鸡生蛋,蛋生鸡?

.我们都知道,JS所有的对象都是Object,那么Object.prototype指向的是什么?

console.log(Object.__proto__ === Function.prototype) // true

这说明Object也是一个函数,Object是Function的实例

console.log(Object instanceof Function) // true
console.log(Function instanceof Object) // true

第一句代码,更加证实了 Object是Function创造的,而第二段是有其它说法,具体可查看

https://segmentfault.com/a/1190000012553959

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值