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,所以最终能调用成功。
每个原型对象(如 Array.prototype)都有一个 constructor 属性,它默认指向对应的构造函数(如 Array)。这不是“必须”的,只是历史约定;你甚至可以改写它,但会破坏默认关联。
Array.prototype.constructor === Array → truearr.constructor === Array → true(因为 arr.__proto__.constructor 是 Array)Array.prototype.constructor = null 后,arr.constructor 就变成 null 了class 只是语法糖,背后仍是基于原型的继承。定义一个 class A,它的 A.prototype 就是实例的原型;extends B 实际让 A.prototype.__proto__ === B.prototype,从而形成链式继承。
ClassName.prototype 上static 方法则挂在类本身(即函数对象)上,不进入原型链__proto__ 指向父类(用于静态方法继承),子类 prototype.__proto__ 指向父类 prototype(用于实例方法继承)基本上就这些。原型与原型链不是语法特性,而是 JS 运行时对象行为的基础逻辑——不复杂,但容易忽略细节。