【原型和原型链】什么是原型和原型链

最新推荐文章于 2024-08-07 07:30:00 发布

Peculiar person

最新推荐文章于 2024-08-07 07:30:00 发布

阅读量57

点赞数 1

分类专栏： js 文章标签：原型模式

本文链接：https://blog.csdn.net/l125656/article/details/128843773

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章详细阐述了JavaScript中的原型概念，包括__proto__属性、prototype属性以及构造函数的关系。原型链的机制被描述为当查找对象属性时，会沿着对象的__proto__到其构造函数的prototype形成的一条链式结构。如果属性在当前对象中未找到，会逐级向上搜索，直到达到null为止。此外，还提及了在原型或更高级原型中执行方法时，this的指向规则。

摘要由CSDN通过智能技术生成

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

var a = [1,2,3];
a.__proto__ === Array.prototype; // true

因为最终都指向得对象是Object：不理解接着往下看

prototype和constructor

prototype属性，它是函数所独有的，它是从一个函数指向一个对象。

每个函数都有一个原型对象，该原型对象有一个constructor属性，指向创建对象的函数本身。

在这里插入图片描述

构造函数的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

因为顺着原型链找，在里面找不到找不到father这个属性

在child中查找某个属性时，会执行下面步骤：仔细看看，一看就懂什么是原型链

访问链路为：

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