JS原型与原型链-CSDN博客

本文链接：https://blog.csdn.net/Dani05/article/details/124541468

本文深入探讨了JavaScript中的原型和原型链概念。首先介绍了函数的prototype属性和实例对象的__proto__属性，以及如何通过原型对象添加方法并让实例访问。接着，解释了显式原型与隐式原型的区别，并阐述了原型链的工作原理，即在查找属性时沿着__proto__链进行。最后，提到了一些补充点，如函数的默认原型和Object的原型链尽头。

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

1. 原型

每个函数都有一个prototype属性，它默认指向一个Object空对象（即原型对象）

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

给原型对象添加属性（一般是方法），实例对象可以访问

function Fun () {} // 构造函数
Fun.prototype.test = function () {} // 原型对象上添加方法test()
var fun = new Fun() // 实例对象
fun.test() // 实例对象可以访问

2. 显式原型与隐式原型

每个函数function都有一个prototype，即显式原型（属性），在定义函数时自动添加

每个实例对象都有一个__proto__，即隐式原型（属性），创建对象时自动添加

实例对象的隐式原型的值为其对应构造函数的显式原型的值，保存同一个地址值指向原型对象

fun.__proto__ === Fun.prototype // true

3. 原型链

读取一个对象的属性时，先在自身属性中查找，找到返回，如果没有，再沿着__proto__这条链查找，找到返回，如果最终没找到，返回undefined（查找一个对象找不到则报错）。（设置对象属性时不会查找原型链，看作用域链，如果当前对象中没有此属性，直接添加此属性并设置其值）

补充：1.函数（object除外）的显示原型指向的对象默认是空object实例对象。

2.所有函数（包括Function）都是Function的实例。

3.object的原型对象是原型链尽头（object.__proto__=null）。