javascript的原型链是如何实现继承的_与class语法有什么关系-js教程-PHP中文网

javascript的原型链是如何实现继承的_与class语法有什么关系

夢幻星辰

发布： 2025-12-19 21:27:36

原创

985人浏览过

JavaScript原型链继承本质是对象__proto__指向构造函数prototype，class仅为语法糖；访问属性时沿__proto__链向上查找直至null，最终归于Object.prototype。

javascript的原型链是如何实现继承的_与class语法有什么关系

JavaScript 的原型链继承，本质是通过对象的 __proto__（隐式原型）指向其构造函数的 prototype（显式原型），从而让实例能访问构造函数原型上的属性和方法。而 class 语法只是对这套原型机制的语法糖——它不改变底层逻辑，只是让继承写法更接近传统面向对象语言。

原型链继承的核心机制

每个函数都有 prototype 属性（对象），每个对象都有 __proto__ 属性（指向其构造函数的 prototype）。当访问一个对象的属性时，JS 引擎会沿 __proto__ 链向上查找，直到找到该属性或到达 null（即 Object.prototype.__proto__ === null）。

构造函数的 prototype 是实例对象的原型（__proto__ 指向它）
子构造函数的 prototype.__proto__ 可以指向父构造函数的 prototype，形成继承链
常用实现方式包括：Object.setPrototypeOf(Child.prototype, Parent.prototype) 或 Child.prototype = Object.create(Parent.prototype)

class 语法背后的原型操作

class 并不是新机制，编译后仍是基于原型的函数和赋值操作。例如：

class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise'); } }<br>class Dog extends Animal { constructor(name, breed) { super(name); this.breed = breed; } bark() { console.log(this.name + ' barks'); } }

登录后复制

立即学习“Java免费学习笔记（深入）”；

Chatbase

从你的知识库中构建一个AI聊天机器人

117

查看详情

这段代码等价于手动设置原型链 + 调用父类构造器：
– Dog.prototype.__proto__ 指向 Animal.prototype
– extends 触发了 Object.setPrototypeOf(Dog, Animal)（实现静态方法继承）
– super() 在内部调用的是 Animal.call(this, ...)

关键区别与注意事项

class 必须用 new 调用，而普通函数可直接调用；这是语法强制，不是原型限制
class 声明不会被提升（hoisting），函数声明会；这影响调用顺序，但不影响原型链结构
所有 class 方法都不可枚举（enumerable: false），而手动挂到 prototype 上的函数默认可枚举
箭头函数没有 prototype，不能用作构造函数，也不参与原型链继承

继承链的终点与内置关系

无论用函数还是 class，最终原型链都会归于 Object.prototype，再往上是 null。例如：
new Dog().__proto__ === Dog.prototype
Dog.prototype.__proto__ === Animal.prototype
Animal.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

这也解释了为什么所有对象都能调用 .toString()、.hasOwnProperty() 等方法——它们定义在 Object.prototype 上，被整个链共享。

以上就是javascript的原型链是如何实现继承的_与class语法有什么关系的详细内容，更多请关注php中文网其它相关文章！