JavaScript原型（prototype）、__proto__、原型链及其结构图_js为什么要给prototye设置不直接给构造函数-CSDN博客

本文链接：https://blog.csdn.net/sun10367/article/details/88744406

本文围绕JavaScript的原型和原型链展开。介绍了每个函数的prototype属性指向原型对象，原型对象的constructor指向函数对象；阐述了显式原型和隐式原型的概念及关系；说明了函数、Function、Object之间的继承关系；最后讲解了由__proto__串起来形成的原型链，其尽头是Object的原型对象。

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

原型链结构图

在这里插入图片描述

原型

每个函数都有一个prototype属性, 默认指向一个Object实例对象，即原型对象
原型对象中有一个属性constructor, 它指向函数对象

即：构造函数与它的原型对象相互引用（暂不考虑改变原型指向问题）

可以给原型对象添加属性(一般都是方法)，函数的实例对象可以继承原型中的属性(方法)

显式原型和隐式原型

每个函数对象都有一个prototype属性，即显式原型，在定义函数时自动添加，默认指向一个Object实例对象
每个实例对象都有一个__proto__属性，即隐式原型，创建对象时自动添加,，默认指向构造函数的prototype

    function Fn() {

    }
    var fn = new Fn();
    console.log(Fn.prototype === fn.__proto__); // true

即：实例对象的隐式原型的值为其对应构造函数的显式原型的值

函数、Function、Object

    console.log(Function.__proto__.constructor.name); // Function
    console.log(Object.__proto__.constructor.name); // Function
    console.log(Function.prototype.__proto__.constructor.name); // Object

所有函数都是Function的实例(包括Function)，继承自 Function.prototype，Function 是所有函数对象的构造函数
Object是函数, 因此它也是 Function 的实例对象
Function.prototype 又是继承自 Object.prototype

原型链

每个构造函数都能创建对象，对象内部有个属性__proto__属性指向对应构造函数的原型对象，原型对象本质也是一个对象,也是由另外一个构造函数创建出来的，该对象的__proto__属性也指向那个构造函数的原型对象，以此类推，便形成一条链式的结构，称为原型链。
这个链式结构是由__proto__串起来的，故其本质为隐式原型链

console.log(Object.prototype.__proto__); // null

Object的原型对象是原型链的尽头。