Javascript ES6类中递归调用方法报错：TypeError: this.parse_message is not a function

这种报错几乎都是**this的绑定上下文跑偏**导致的，哪怕你提前用self存了this，也可能没覆盖到所有场景。下面是几种常见问题场景和对应的解决方案：

1. 在构造函数中绑定方法到实例（最稳妥的通用方案） #

如果你的parse_message会被用作回调（比如异步操作、事件监听），或者递归时的调用上下文发生了变化，最靠谱的方式是在构造函数里把方法牢牢绑定到实例本身：

class MessageProcessor {
  constructor() {
    // 关键操作：把parse_message绑定到当前实例，确保任何场景下this都指向实例
    this.parse_message = this.parse_message.bind(this);
  }

  parse_message(data) {
    // 业务处理逻辑
    if (data.isNested) {
      // 递归调用，此时this肯定指向实例，不会报错
      this.parse_message(data.nestedContent);
    }
  }
}

2. 异步场景下确保使用正确的上下文 #

如果你在setTimeout、fetch回调这类异步操作里递归，哪怕存了self，也要确保回调里确实用了self而不是this：

parse_message(data) {
  const self = this;
  if (data.type === 'async') {
    // ❌错误示例：回调里的this不是实例
    // setTimeout(() => this.parse_message(data.next), 100);
    
    // ✅正确示例：用提前保存的self
    setTimeout(() => self.parse_message(data.next), 100);
  }
}

嫌存self麻烦的话，直接用箭头函数包裹递归调用——箭头函数会自动继承外层方法的this：

parse_message(data) {
  if (data.type === 'async') {
    setTimeout(() => {
      // 箭头函数里的this和外层parse_message的this完全一致
      this.parse_message(data.next);
    }, 100);
  }
}

3. 排查是否意外覆盖了实例方法 #

有时候代码其他地方可能不小心修改了实例的parse_message方法，比如：

const processor = new MessageProcessor();
processor.parse_message = null; // 这里意外覆盖了方法！
processor.parse_message(someData); // 自然会报错"不是函数"

花两分钟扫一遍代码，确保没有对实例的parse_message做不必要的赋值操作。

4. 用类字段语法定义方法（箭头函数） #

如果你用的是现代浏览器或Node.js 12+，可以直接用箭头函数定义类方法，这样this会永久绑定到实例，彻底避免上下文丢失：

class MessageProcessor {
  // 类字段语法：箭头函数定义方法
  parse_message = (data) => {
    if (data.isNested) {
      this.parse_message(data.nestedContent); // 递归调用毫无压力
    }
  }
}

最后检查：递归调用的方式是否正确 #

确保你没犯这些低级错误：

• 不要直接用类调用方法（MessageProcessor.parse_message(data)），必须用实例调用
• 不要用call/apply强行改变this指向（比如this.parse_message.call(null, data)）

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