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内核,在原来基础上做来相应修改 前台修改调用数据,可以使用{loop catid=栏目ID}{/loop}方式调用 主要功能: A、内容管理模型,自定义字段,更方便扩展功能。自带模型:单页模型、新闻模型、产品模型、招聘模型 B、栏目自定义,便于内容管理 C、内容模块化,二次开发更便捷。自带模块:幻灯片、QQ客服、友情链接、自定义表单(在线留言、简历管理) D、模板管理,后台
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 运行时对象行为的基础逻辑——不复杂,但容易忽略细节。









