Vue前端面试题总结（三）原型和原型链详解

外下羊.

于 2020-09-15 18:53:32 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：面试文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Rick_and_mode/article/details/108604158

面试专栏收录该内容

39 篇文章

订阅专栏

本文深入探讨了JavaScript中对象的原型和原型链概念。解释了如何通过prototype属性建立对象间的继承关系，以及如何通过原型链查找属性和方法。

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

原型和原型链

原型

在JavaScript中有这么一句话万物皆可对象
在声明一个函数跟对象的时候它在声明的时候就有一个原型对象prototype
这个属性指向函数的原型对象，并且这个属性是一个对象数据类型的值。
而protortype 的指向是它的隐式原型 proto
举个例子

Person.prototype.constructor == Person;
person1.__proto__ == Person.prototype;
person1.constructor == Person;

在这里插入图片描述

原型链

在JavaScript中万物都是对象，对象和对象之间也有关系，并不是孤立存在的。对象之间的继承关系，在JavaScript中是通过prototype对象指向父类对象，直到指向Object对象为止，这样就形成了一个原型指向的链条，专业术语称之为原型链。

当一个对象调用自身不存在的属性/方法时，就会去自己 [proto] 关联的前辈 prototype 对象上去找，如果没找到，就会去该 prototype 原型 [proto] 关联的前辈 prototype 去找。依次类推，直到找到属性/方法或 undefined 为止。从而形成了所谓的“原型链”。