原型和原型链

原创已于 2022-10-10 15:48:11 修改 · 392 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-08-24 17:58:48 首次发布

个人总结前端面试考点专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了JavaScript中的原型机制，包括对象的[[Prototype]]内部属性、原型对象的constructor以及显示原型和隐式原型之间的关系。通过实例展示了如何通过原型实现属性继承，并详细解释了原型链的工作原理，阐述了在访问对象属性时的查找顺序，揭示了原型链在JavaScript继承中的关键作用。

在JavaScript中，原型是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个"[[Prototype]]"内部属性，这个属性所对应的就是该对象的原型。

原型对象中有一个属性constructor，它指向函数对象。

console.log(Date.prototype.constructor===Date)//true
console.log(Fun.prototype.constructor===Fun)//true

显示原型与隐式原型

每个函数都有一个prototype，即显示原型（属性）；每个实例对象都有一个__proto__，可称为隐式原型（属性）。对象的隐式原型的值为其对应构造函数的显示原型的值。

console.log(Fn.prototype===fn.__proto__)  //true

原型链

访问一个对象的属性时，先在自身属性中查找，找到返回；如果没有，会去它的__proto__属性上查找，即它的构造函数的prototype，找到返回；如果还没有找到就会再在构造函数的prototype的__proto__中查找；如果最终没有找到，返回undefined。这样一层一层向上查找就会形成一个链式结构，称为原型链。