javascript原型是什么_原型链是如何工作的-js教程-PHP中文网

javascript原型是什么_原型链是如何工作的

狼影

发布： 2025-12-23 15:39:07

原创

199人浏览过

prototype是函数对象的属性，指向其创建实例的原型；__proto__是对象的内部属性，构成向上查找的原型链，终点为Object.prototype.__proto__ === null。

javascript原型是什么_原型链是如何工作的

JavaScript 原型（prototype）是每个函数对象自带的一个属性，指向一个对象；这个对象会成为**通过该函数创建的实例的原型**。换句话说，它是实现对象间属性和方法共享与继承的核心机制。原型链则是 JavaScript 查找属性或方法时，沿着 __proto__ 链向上逐级查找的过程。

原型（prototype）是谁的属性？

只有函数对象才有 prototype 属性（比如 function Person(){} 或内置构造函数 Array、Date）。这个属性默认是一个普通对象，带有一个 constructor 属性，指向该函数本身。

当你用 new Person() 创建实例时，实例的内部属性 [[Prototype]]（可通过 __proto__ 访问）会自动指向 Person.prototype
prototype 是给“将来被创建的实例”用的，不是给函数自己用的
箭头函数没有 prototype 属性，因为它不能被 new 调用

proto 和原型链怎么连起来？

每个对象（包括函数）都有一个内部属性 [[Prototype]]，浏览器中通常暴露为 __proto__。它指向该对象的原型对象。查找属性时，JS 引擎会：

先在对象自身上找
没找到就去 __proto__ 指向的对象上找
还没找到，继续查那个对象的 __proto__，直到为 null（即到达 Object.prototype 的尽头）

这条由 __proto__ 串起来的链条，就是原型链。例如：

立即学习“Java免费学习笔记（深入）”；

lavender.ai

销售类电子邮件写作教练

112

查看详情

let arr = [1, 2];<br>arr.toString() // 先在 arr 自身没找到 → 查 Array.prototype → 还没找到 → 查 Object.prototype → 找到

登录后复制

Object.prototype 是原型链的终点

几乎所有对象的原型链最终都会到达 Object.prototype，它的 __proto__ 是 null，表示链结束。这也是为什么所有对象都能调用 toString()、hasOwnProperty() 等方法——它们定义在 Object.prototype 上。

Function.prototype 是个例外：它是个函数，但它的 __proto__ 也指向 Object.prototype
Object.prototype.__proto__ === null 是整个原型链的终止条件

现代写法：class 和 extends 背后还是原型

class 只是语法糖，底层仍基于原型机制：

class B extends A 会让 B.prototype.__proto__ 指向 A.prototype
super() 实际是在调用父类构造函数，并设置子类实例的 __proto__
静态方法挂在 B 函数本身上，不进入原型链；实例方法则定义在 B.prototype 上

理解原型链，就能看懂为什么修改 Array.prototype.push 会影响所有数组，也能明白为何直接在实例上赋值会屏蔽原型上的同名属性。

以上就是javascript原型是什么_原型链是如何工作的的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

如何用JavaScript实现懒加载_提升网页加载速度？ JavaScript如何利用本地存储？如何实现javascript状态管理_Redux和Mobx有何设计哲学差异 javascript中的数据结构是什么_如何实现栈和队列？什么是javascript JIT编译_它如何提升代码执行速度？

javascript原型是什么_原型链是如何工作的

原型（prototype）是谁的属性？

__proto__ 和原型链怎么连起来？

Object.prototype 是原型链的终点

现代写法：class 和 extends 背后还是原型

大家都在看：

proto 和原型链怎么连起来？