JavaScript原型链是对象间隐式委托的继承机制,通过[[Prototype]]链接至null;属性查找时若自身无则沿链向上委托,函数有prototype属性供实例继承,Object.prototype为终点;推荐用Object.getPrototypeOf()获取原型,isPrototypeOf()和instanceof可验证链关系,修改原生prototype需谨慎。

JavaScript 中的原型链是对象之间继承关系的实现机制,每个对象都有一个内部属性 [[Prototype]](可通过 __proto__ 访问,但不推荐),指向它的原型对象;而该原型对象自身也可能有原型,如此层层向上,直到为 null,这条链就叫原型链。
原型链的本质是对象间的隐式委托
当读取一个对象的属性时,如果该对象自身没有这个属性,JS 引擎会自动沿着 [[Prototype]] 向上查找,直到找到或抵达链末端(null)。这种“找不到就问爸爸”的机制就是委托,不是复制,也不是传统类继承。
函数对象默认拥有 prototype 属性(一个普通对象),用于被实例对象的 [[Prototype]] 指向 普通对象(如字面量 {})没有 prototype 属性,但有 [[Prototype]] Object.prototype 是绝大多数对象原型链的终点,其 [[Prototype]] 为 null
访问对象原型的三种常用方式
推荐使用标准、安全的方式,避免依赖非标准或已废弃的写法:
Object.getPrototypeOf(obj) —— 标准、可靠,返回 obj 的 [[Prototype]] obj.__proto__ —— 浏览器广泛支持,但属于遗留特性,ECMAScript 不鼓励使用 Constructor.prototype —— 仅适用于通过构造函数创建的对象,且需知道构造函数名(例如 Array.prototype)
示例:
const arr = [1, 2];
console.log(Object.getPrototypeOf(arr) === Array.prototype); // true
console.log(Array.prototype.constructor === Array); // true
如何验证原型链是否连通
可以用 isPrototypeOf() 方法判断某个对象是否在另一对象的原型链上:
立即学习“Java免费学习笔记(深入)”;
Array.prototype.isPrototypeOf([1, 2]) → true Object.prototype.isPrototypeOf([]) → true(因为 Array.prototype 的原型是 Object.prototype) {}.isPrototypeOf([1, 2]) → false(空对象不是数组的原型)
也可用 instanceof 判断对象是否由某构造函数“构造”,它底层就是检查原型链中是否存在该构造函数的 prototype。
修改原型要谨慎
虽然可以给 prototype 添加方法(如 Array.prototype.myMap = ...),但应避免污染原生原型:
可能与其他库冲突 影响可维护性和调试体验 某些环境(如严格模式、模块化代码)下可能报错或无效
更安全的做法是用工具函数封装,或使用 class / extends 明确继承关系。
基本上就这些。理解原型链的关键不在记语法,而在明白“属性查找是动态委托,不是静态继承”。
以上就是JavaScript中什么是原型链_如何访问对象原型的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543611.html
微信扫一扫
支付宝扫一扫