JavaScript原型链是对象查找属性和方法的隐式路径，通过[[Prototype]]链接实例与构造函数prototype，最终止于Object.prototype.__proto__为null；它是JS继承的核心机制，方法定义在prototype上可共享节省内存。
JavaScript 原型链是对象查找属性和方法时所依赖的一条隐式链接路径，它让对象能“访问”到其构造函数原型（prototype）上的属性和方法，并可逐级向上追溯，直到到达 Object.prototype 或 null。它不是语法结构，而是一种运行时的查找机制，也是 JS 实现继承的核心基础。
原型链怎么形成的？
每个函数（包括构造函数）都有一个 prototype 属性，指向一个对象；每个实例对象内部都有一个隐式属性 [[Prototype]]（可通过 __proto__ 访问，或更推荐用 Object.getPrototypeOf()）。当用 new Fn() 创建实例时，该实例的 [[Prototype]] 会自动指向 Fn.prototype。
构造函数的 prototype 是实例对象的原型 实例的 __proto__ 指向构造函数的 prototype Fn.prototype.__proto__ 通常指向 Object.prototype（因为 Fn.prototype 本质是普通对象） Object.prototype.__proto__ 是 null，链在此终止
原型链如何实现继承？
继承的本质是让子类型实例既能访问自身属性，也能访问父类型的共有方法——这靠的是把父类的方法挂到父构造函数的 prototype 上，再让子构造函数的 prototype 链接到父类实例（或等价对象），从而形成可延续的查找链。
经典方式：用 Object.create(Parent.prototype) 替换子类的 prototype，再修正 constructor 必须在替换 prototype 后，再在新原型上添加子类方法，否则会被覆盖 子类构造函数中需手动调用 Parent.call(this, ...) 来继承实例属性（如 this.name） ES6 的 class 和 extends 就是这套机制的语法糖，底层仍靠原型链
为什么说“方法定义在 prototype 上”很重要？
如果把方法写在构造函数里（this.method = function(){}），每次创建实例都会重复生成一份函数，浪费内存。而定义在 prototype 上，所有实例共享同一个函数，既节省空间，又支持动态修改——改一处，所有实例立即生效。
立即学习“Java免费学习笔记（深入）”；
例如：Array.prototype.myMap = function() {...} 后，所有数组都能用 .myMap() 但要注意：不能用箭头函数重写原型方法，因为箭头函数没有自己的 this 和 prototype 新增方法后，已存在的实例也能立即使用（因为查找走的是运行时原型链）
基本上就这些。原型链不复杂，但容易忽略隐式查找和赋值的区别：读取属性会沿链向上找，而直接给实例赋值（obj.x = 1）只会在实例自身添加，不会修改原型。
以上就是javascript原型链是什么_它如何实现对象的继承？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544431.html
微信扫一扫 
支付宝扫一扫 
