JavaScript对象通过字面量、构造函数、Object.create()和class创建,均基于原型链机制;原型链通过__proto__指向构造函数的prototype实现属性查找与继承,class是函数和原型的语法糖。

JavaScript 对象通过多种方式创建,核心在于理解对象与函数、原型之间的关系;原型链则是实现继承的底层机制——所有对象都通过 __proto__(隐式原型)指向其构造函数的 prototype(显式原型),从而形成一条可向上查找属性和方法的链路。
常见对象创建方式
不同写法本质不同,但最终都产生一个拥有原型的对象:
-
字面量方式:
const obj = {},等价于new Object(),其__proto__指向Object.prototype -
构造函数方式:
function Person(name) { this.name = name; },再用new Person('Alice')创建实例,该实例的__proto__指向Person.prototype -
Object.create() 方式:
const child = Object.create(parent),直接指定新对象的原型,适合手动控制原型链 -
class 语法(ES6+):本质仍是函数和原型的语法糖,
class A extends B会自动设置A.prototype.__proto__ === B.prototype
原型链如何支撑继承
当访问对象的一个属性或方法时,JS 引擎按以下顺序查找:
- 先在对象自身查找
- 没找到则沿
__proto__向上,到其构造函数的prototype中查找 - 继续向上,直到到达
Object.prototype(它的__proto__是null,链终止)
这个查找过程就是原型链。继承的本质,就是让子类实例的原型链能触达父类的方法。例如:
立即学习“Java免费学习笔记(深入)”;
function Animal() {}
Animal.prototype.eat = function() { console.log('eating'); };
function Dog() {}
Dog.prototype = Object.create(Animal.prototype); // 关键:继承原型
Dog.prototype.constructor = Dog; // 修复 constructor
const dog = new Dog();
dog.eat(); // 输出 'eating' —— 方法来自原型链上的 Animal.prototype
constructor 和 prototype 的关系
每个函数都有 prototype 属性(仅函数有),它是一个对象,默认含 constructor 指回该函数;每个对象都有 __proto__(非标准但广泛支持),它指向创建它的函数的 prototype。二者共同维系原型链结构:
-
Dog.prototype.__proto__ === Animal.prototype→ 实现方法继承 -
dog.constructor === Dog→ 依赖Dog.prototype.constructor正确指向 -
dog instanceof Dog && dog instanceof Animal→ 因为 instanceof 就是基于原型链检测
现代继承推荐写法
ES6 class + extends 更简洁安全,自动处理原型链和 constructor:
class Animal {
constructor(name) { this.name = name; }
eat() { console.log(`${this.name} is eating`); }
}
class Dog extends Animal {
bark() { console.log('Woof!'); }
}
const d = new Dog('Buddy');
d.eat(); // 继承自 Animal
d.bark(); // 自身定义
背后仍是原型链:`Dog.prototype.__proto__` 指向 `Animal.prototype`,`d.__proto__` 指向 `Dog.prototype`。











