什么是原型_原型链在javascript中如何工作【教程】_网络技术

什么是原型_原型链在javascript中如何工作【教程】

发布时间 - 2026-01-25 00:00:00 点击率：次

JavaScript中没有类继承，只有基于__proto__的委托查找；原型链是通过__proto__逐级向上查找属性的过程，prototype仅在new调用时用于设置新对象的__proto__。

JavaScript 中没有“类继承”，只有对象之间的委托关系；所谓原型链，就是从一个对象出发，通过 __proto__（或 Object.getPrototypeOf()）逐级向上查找属性和方法的过程。

每个函数都有 `prototype`，但只有函数被用作构造器时它才起作用

声明一个函数时，JS 引擎会自动给它挂上 prototype 属性，值是一个普通对象，带一个 constructor 指回该函数。但它本身不参与任何查找——除非你用 new 调用这个函数。

此时，新对象的 __proto__ 会被设为该函数的 prototype 对象。

function Foo() {} → Foo.prototype 存在，但没被任何对象直接链接
const f = new Foo() → f.__proto__ === Foo.prototype 成立
const o = {} → o.__proto__ === Object.prototype，不是 Function.prototype

`proto` 和 `prototype` 完全不是一回事

__proto__ 是每个对象（包括函数）都有的内部属性，指向它的原型对象；prototype 是只有函数对象才有的属性，用于指定将来用 new 创建实例时，那些实例的 __proto__ 该指向谁。

误写 obj.prototype.something：普通对象没有 prototype 属性，会得 undefined
误写 Func.__proto__.method：这查的是函数自身的原型（即 Function.prototype），不是它实例的原型
现代写法应优先用 Object.getPrototypeOf(obj) 替代 obj.__proto__，后者是遗留 API

属性查找走的是 `proto` 链，不是“作用域链”或“闭包链”

当

你访问 obj.prop，JS 引擎先在 obj 自身找，找不到就去 obj.__proto__ 找，再找不到就继续找 obj.__proto__.__proto__，直到碰到 null（即 Object.prototype.__proto__）为止。

如果某层原型上有同名属性（比如 toString），就会“遮蔽”更上层的定义，不会合并或叠加
修改 obj.__proto__.x = 1 会影响所有共享该原型的对象，但不推荐直接改，容易引发意外共享
for...in 遍历包含原型链上的可枚举属性；Object.keys() 只返回自身可枚举属性

真正容易出问题的地方在于：把 prototype 当成实例的“父类模板”来理解，而忽略了它只是被 new 复制过去的一次性链接目标；一旦原型被替换（比如重赋值 Foo.prototype = {}），已创建的实例不会自动更新 __proto__，它们仍指向旧的 prototype 对象。

# javascript # java # js # 作用域

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：C# MediatR使用方法 C#如何实现CQRS模式

下一篇：如何解决Composer依赖包的版本冲突问题？setasig

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：C# MediatR使用方法 C#如何实现CQRS模式

下一篇：如何解决Composer依赖包的版本冲突问题？setasig