深入浅出，JS原型链的工作原理

骑猪看日落 2022-04-10 04:57 177阅读 0赞

前言：原型链，即原型链条。它是由原型、原型的原型、原型的原型的原型...这一规则组合成的，经常被应用于继承。

--------------------

**原型的作用**  
在JS中，每个对象都有自己的原型。当我们访问对象的属性和方法时，JS会先访问对象本身的属性和方法。如果对象本身不包含这些属性和方法，则访问对象对应的原型。

上述例子中，方法“sayAge”是在原型上而非对象中。（关于对象与原型之间更为详细的内容，可阅读文章：《浅谈JS中的构造函数、原型对象(prototype)、实例中的属性/方法之间的关系》）

--------------------

**原型链的原理**  
原型自身也是一个对象（默认情况下所有对象都是Object的实例)。

alert(xiaoming instanceof Object); // true
    alert(Person.prototype instanceof Object); // true

每个对象都有自己的原型，所以Person的原型也有它自己的原型，那就是：Object.prototype(部分浏览器允许通过实例的“\_\_proto\_\_”属性访问其原型)

alert(Person.prototype.__proto__ == Object.prototype); // true

既然原型是一个对象，那么，当我们访问的属性和方法在原型不存在，就会继续访问原型的原型，直至Object.prototype。

--------------------

![20181227163710280][]

**总结**  
原型链是JS的一个特性，它实现的核心机制是：  
1、访问对象的属性(方法)时，若对象本身不存在该属性(方法)，则会转向访问该对象的原型；  
2、对象的原型也是一个对象。访问的属性(方法)依旧不存在于该原型，则会继续访问该原型的原型...

来源：[https://segmentfault.com/a/1190000017254949][https_segmentfault.com_a_1190000017254949]

[20181227163710280]: /images/20220402/db2af1d386f4401599de3de3f4c27420.png
[https_segmentfault.com_a_1190000017254949]: https://segmentfault.com/a/1190000017254949

深入浅出，JS原型链的工作原理

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JS原型链与instanceof底层原理

相关 js的原型和原型链

相关 js的原型和原型链

相关 JavaScript深入浅出了解原型与原型链

相关 js原型、原型链

相关 JS-原型、原型链

相关深入浅出，JS原型链的工作原理

相关 Js 原型，原型链

相关 js的原型与原型链

相关 JS 原型原型链