原型和原型链的关系，以及什么是原型和原型链

最新推荐文章于 2024-11-26 11:06:19 发布

若～～～

最新推荐文章于 2024-11-26 11:06:19 发布

阅读量7.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_44369568/article/details/90632186

js 专栏收录该内容

54 篇文章

订阅专栏

博客主要介绍了JavaScript中的原型和原型链。当访问对象属性时，先在对象本身查找，未找到则去其__proto__隐式原型（即构造函数的prototype）查找，若还未找到继续向上查找，形成的链式结构就是原型链，并给出了相关代码示例。

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

一、原型

①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象 
②所有函数都有一个prototype(原型)属性，属性值是一个普通的对象 
③所有引用类型的__proto__属性指向它构造函数的prototype

二、原型链

当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。

举例，有以下代码

function Parent(month){
    this.month = month;
}

var child = new Parent('Ann');

console.log(child.month); // Ann

console.log(child.father); // undefined

在这里插入图片描述
访问链路为：

在这里插入图片描述

①一直往上层查找，直到到null还没有找到，则返回undefined 
②Object.prototype.__proto__ === null 
③所有从原型或更高级原型中的得到、执行的方法，其中的this在执行时，指向当前这个触发事件执行的对象