JavaScript中不存在真正的类,class只是语法糖,核心机制是每个对象内部的[[Prototype]]原型链指针,属性查找沿链向上进行直至null。

原型是每个对象内部的 [[Prototype]] 链指针
JavaScript 中没有“类”作为真实的数据结构,class 只是语法糖。真正起作用的是每个对象都隐式关联的一个原型对象,即内部属性 [[Prototype]](可通过 Object.getPrototypeOf(obj) 读取,或非标准但广泛支持的 obj.__proto__ 访问)。当访问一个对象上不存在的属性时,JS 引擎会沿着这条链向上查找,直到找到该属性或到达 null。
class 声明本质是函数 + 原型赋值的语法糖
写一个 class,等价于定义构造函数并手动设置其 prototype 属性:
class Person {
constructor(name) {
this.name = name;
}
say() {
return `Hi, I'm ${this.name}`;
}
}
// 等价于:
function Person(name) {
this.name = name;
}
Person.prototype.say = function() {
return `Hi, I'm ${this.name}`;
};
关键点:
-
class Person声明后,Person.prototype自动成为所有实例的[[Prototype]] -
new Person()创建的对象,其[[Prototype]]指向Person.prototype - 静态方法(如
static create())挂载在Person函数本身上,不进原型链
原型链和 class 继承都靠 Object.setPrototypeOf() 或 extends 实现
extends 不是复制,而是建立原型链连接:
立即学习“Java免费学习笔记(深入)”;
本文档主要讲述的是用Apache Spark进行大数据处理——第一部分:入门介绍;Apache Spark是一个围绕速度、易用性和复杂分析构建的大数据处理框架。最初在2009年由加州大学伯克利分校的AMPLab开发,并于2010年成为Apache的开源项目之一。 在这个Apache Spark文章系列的第一部分中,我们将了解到什么是Spark,它与典型的MapReduce解决方案的比较以及它如何为大数据处理提供了一套完整的工具。希望本文档会给有需要的朋友带来帮助;感
class Animal { eat() { return 'eating'; } }
class Dog extends Animal { bark() { return 'woof'; } }
// 等价于:
function Animal() {}
Animal.prototype.eat = function() { return 'eating'; };
function Dog() {}
Object.setPrototypeOf(Dog.prototype, Animal.prototype);
Dog.prototype.bark = function() { return 'woof'; };
Object.setPrototypeOf(Dog, Animal); // 静态继承
常见误解:
-
class A extends B并不会把B.prototype的属性“拷贝”到A.prototype—— 它只是让A.prototype.[[Prototype]] === B.prototype - 修改
B.prototype会影响所有已创建的A实例(因为共享原型链) - 箭头函数没有
prototype,不能用作构造函数,也不参与原型链构建
判断关系时别混淆 instanceof 和 isPrototypeOf()
instanceof 检查的是「构造函数的 prototype 是否在对象的原型链上」;而 isPrototypeOf() 直接检查某个对象是否为另一对象的原型:
const d = new Dog(); console.log(d instanceof Dog); // true console.log(d instanceof Animal); // true(因为 Dog.prototype.[[Prototype]] === Animal.prototype) console.log(Animal.prototype.isPrototypeOf(d)); // true console.log(Dog.prototype.isPrototypeOf(d)); // true console.log(Person.prototype.isPrototypeOf(d)); // false
容易踩的坑:
- 用
Object.create(null)创建的对象没有原型,instanceof对任何构造函数都返回false - 跨 iframe 时,不同全局环境下的
Array构造函数不相等,[].constructor === window.parent.Array为false,但Array.isArray([])仍为true(它绕过原型链,用内部 [[Class]] 标签)
class 语法带来的“类思维”惯性,常常掩盖了底层对象关系的真实走向。真正理解它,不是记住“每个函数都有 prototype”,而是看清“每个对象都有 [[Prototype]],且只有一条向上单向链”。









