JavaScript原型是对象的隐式引用模板,原型链是属性查找时逐级向上追溯至null的路径;函数有prototype属性,实例通过__proto__链接到它,实现继承与方法共享。

JavaScript 的原型(Prototype)和原型链(Prototype Chain)是理解对象继承和属性查找机制的核心概念。简单说:每个对象都有一个内部链接指向另一个对象,那个对象就是它的原型;当访问一个对象的属性时,如果自身没有,就会顺着这条链接一路向上查找,直到找到或到达终点(null),这条“链接链条”就是原型链。
原型是对象的“模板”和“备用字典”
在 JS 中,函数对象默认拥有一个 prototype 属性(注意:仅函数有这个显式属性),它是一个普通对象,用来作为通过该函数创建的实例对象的原型。而每个实例对象内部都有一个隐式原型(通常用 __proto__ 表示,或标准方式 Object.getPrototypeOf() 获取),它指向构造函数的 prototype 对象。
比如 const obj = new Object(),obj.__proto__ 就等于 Object.prototype Array.prototype 包含 push、map 等方法,所以所有数组都能直接调用这些方法——不是数组自己定义的,而是从原型“借来”的 你可以给 Function.prototype 添加方法,那所有函数就都能用(不推荐,但能说明原理)
原型链是一条向上的查找路径
当你读取 obj.xxx 时,JS 引擎会这样找:
先看 obj 自身有没有 xxx 属性或方法 没有?就去 obj.__proto__ 上找 还没找到?继续查 obj.__proto__.__proto__(即上一级原型) 一直查到 Object.prototype.__proto__ === null 为止,查不到就返回 undefined
例如:const arr = [1,2] → arr.toString() 不在数组实例上,但在 Array.prototype 上;Array.prototype.toString 也不存在,但它继承自 Object.prototype.toString,所以最终能调用成功。
立即学习“Java免费学习笔记(深入)”;
constructor 和原型的关系容易混淆
每个原型对象(如 Array.prototype)都有一个 constructor 属性,它默认指向对应的构造函数(如 Array)。这不是“必须”的,只是历史约定;你甚至可以改写它,但会破坏默认关联。
Array.prototype.constructor === Array → true arr.constructor === Array → true(因为 arr.__proto__.constructor 是 Array) 手动修改 Array.prototype.constructor = null 后,arr.constructor 就变成 null 了
ES6 class 并没有改变原型机制
class 只是语法糖,背后仍是基于原型的继承。定义一个 class A,它的 A.prototype 就是实例的原型;extends B 实际让 A.prototype.__proto__ === B.prototype,从而形成链式继承。
类的方法被自动添加到 ClassName.prototype 上 static 方法则挂在类本身(即函数对象)上,不进入原型链 继承时,子类的 __proto__ 指向父类(用于静态方法继承),子类 prototype.__proto__ 指向父类 prototype(用于实例方法继承)
基本上就这些。原型与原型链不是语法特性,而是 JS 运行时对象行为的基础逻辑——不复杂,但容易忽略细节。
以上就是什么是Javascript的原型与原型链?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544221.html
微信扫一扫
支付宝扫一扫