什么是Javascript的原型与原型链？

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免费学习笔记（深入）”；

蓝色商务公司网站(XDcms内核)1.0

本系统使用的是XDcms内核，在原来基础上做来相应修改 前台修改调用数据，可以使用{loop catid=栏目ID}{/loop}方式调用 主要功能： A、内容管理模型，自定义字段，更方便扩展功能。自带模型：单页模型、新闻模型、产品模型、招聘模型 B、栏目自定义，便于内容管理 C、内容模块化，二次开发更便捷。自带模块：幻灯片、QQ客服、友情链接、自定义表单(在线留言、简历管理) D、模板管理，后台

0

查看详情

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的原型与原型链？的详细内容，更多请关注php中文网其它相关文章！