怎么通过编写深度调用走查函数理清普通函数与箭头函数在虚拟继承下表现-js教程-PHP中文网

javascript中不存在虚拟继承，其继承基于原型链；普通函数this调用时动态绑定，可被call/apply修改，支持super调用；箭头函数无this和arguments，继承外层词法this，作为实例属性不参与原型继承，super无法访问。

怎么通过编写深度调用走查函数理清普通函数与箭头函数在虚拟继承下表现

这个问题存在概念混淆，需要先澄清几个关键点：

虚拟继承是 C++ 的特性，JavaScript 中不存在

虚拟继承（virtual inheritance）用于解决多重继承中的菱形继承问题，是 C++ 语言的机制。JavaScript 没有类继承意义上的“虚拟继承”，它基于原型链（prototype chain）和 ES6 的 class 语法（本质仍是原型继承）。因此，“虚拟继承下箭头函数与普通函数的表现”这一前提不成立。

普通函数与箭头函数的核心差异在 `this` 绑定和 `arguments`

两者在继承场景（如子类调用父类方法）中的行为差异，根源在于 this 的绑定时机和方式：

普通函数：this 在**调用时**动态绑定，取决于调用上下文（如 obj.method() 中 this 指向 obj）；可通过 call/apply/bind 显式修改
箭头函数：没有自己的 this，始终**继承外层词法作用域的 this**，定义时就已确定，无法被 call 等改变
箭头函数也没有 arguments、new.target，也不能作为构造函数使用（new ArrowFn() 报错）

在 class 继承链中实际影响的是方法定义方式

若在父类中将方法定义为箭头函数，会导致该方法无法被子类通过 super 正确调用或被正确绑定到实例上：

Tunee

Tunee是一款AI文本写作工具，首个对话式音乐创作AI智能体。

下载

class Parent {
  normalMethod() {
    console.log('this:', this.constructor.name); // 子类实例调用时输出子类名
  }
  arrowMethod = () => {
    console.log('this:', this.constructor.name); // 始终指向定义时的 this（通常是 new 出的实例）
  }
}

class Child extends Parent {
  callParent() {
    super.normalMethod(); // ✅ 正常工作
    super.arrowMethod();  // ⚠️ 语法错误：arrowMethod 是实例属性，不在原型上，super 无法访问
  }
}

箭头函数作为实例属性赋值，不属于原型，不参与继承链，super 查找失败；而普通方法定义在原型上，可被子类继承和通过 super 调用。