如何让箭头函数及普通辅助函数访问类的父级上下文？

你遇到的问题核心是辅助函数的this上下文没有指向类的实例，导致无法访问类的变量。下面是具体原因和可行的解决方案：

问题原因 #

• 箭头函数demoArrowFunc在模块中定义时，this继承自模块的上下文（Node.js中是module.exports），无法指向类实例，且箭头函数的this无法被修改。
• 普通函数demoNormalFunction调用时未绑定类实例的this，默认情况下this在严格模式中为undefined，自然访问不到类的变量。

解决方案 #

方案1：将类实例作为参数传递给辅助函数 #

这是最直观的方法，直接把当前实例传入辅助函数：

// Helpers.js
const demoFunc = (instance) => {
  console.log(instance.exampleVar, instance.firstVar);
};

module.exports = { demoFunc };

// ExampleClass.js
const { demoFunc } = require('./Helpers');

class ExampleClass {
  exampleVar = "EXAMPLE VAR";

  constructor() {
    this.firstVar = 20;
  }

  tryHelper() {
    demoFunc(this); // 传入当前类实例
  }
}

let example = new ExampleClass();
example.tryHelper(); // 输出: EXAMPLE VAR 20

方案2：调用辅助函数时绑定this #

对于普通函数，可以用call/apply在调用时绑定类实例的this（箭头函数不适用此方法）：

// Helpers.js
const demoNormalFunction = function() {
  console.log(this.exampleVar, this.firstVar);
};

module.exports = { demoNormalFunction };

// ExampleClass.js
const { demoNormalFunction } = require('./Helpers');

class ExampleClass {
  // ... 其他代码

  tryNormal() {
    demoNormalFunction.call(this); // 绑定当前实例的this
  }
}

let example = new ExampleClass();
example.tryNormal(); // 输出: EXAMPLE VAR 20

方案3：在构造函数中绑定辅助函数的this #

如果需要多次调用辅助函数，可以在类的构造函数中提前绑定this，避免每次调用都重复绑定：

// ExampleClass.js
const { demoNormalFunction } = require('./Helpers');

class ExampleClass {
  exampleVar = "EXAMPLE VAR";

  constructor() {
    this.firstVar = 20;
    // 绑定this到当前实例，挂载到实例上
    this.boundDemoFunc = demoNormalFunction.bind(this);
  }

  tryBound() {
    this.boundDemoFunc();
  }
}

let example = new ExampleClass();
example.tryBound(); // 输出: EXAMPLE VAR 20

方案4：使用Mixin复用辅助函数 #

如果多个类都需要用到这些辅助逻辑，可以用Mixin将函数注入到类的原型中：

// Helpers.js
const HelperMixin = {
  demoHelper() {
    console.log(this.exampleVar, this.firstVar);
  }
};

module.exports = { HelperMixin };

// ExampleClass.js
const { HelperMixin } = require('./Helpers');

class ExampleClass {
  exampleVar = "EXAMPLE VAR";

  constructor() {
    this.firstVar = 20;
  }
}

// 将Mixin的方法添加到类的原型上
Object.assign(ExampleClass.prototype, HelperMixin);

let example = new ExampleClass();
example.demoHelper(); // 输出: EXAMPLE VAR 20

内容的提问来源于stack exchange，提问作者anileates