es6 class 中this丢失如何解决

在 ES6 的 class 中，this 的值可能会丢失，导致无法访问到正确的对象。这通常发生在将 class 中的方法作为回调函数传递给其他函数时。为了解决这个问题，可以使用以下方法：

1. 使用箭头函数：箭头函数不会创建自己的 this，而是继承外部作用域的 this 值。因此，可以将箭头函数用作回调函数，确保 this 始终指向正确的对象。

class MyClass {
  constructor() {
    this.name = 'C知道';
  }

  myMethod() {
    someFunction(() => {
      console.log(this.name); // 正确访问到 this.name
    });
  }
}

2. 使用 bind 方法：bind 方法可以显式地绑定函数内部的 this 值。通过将方法绑定到正确的 this 上，可以确保在回调函数中访问到正确的对象。

class MyClass {
  constructor() {
    this.name = 'C知道';
    this.myMethod = this.myMethod.bind(this);
  }

  myMethod() {
    someFunction(function() {
      console.log(this.name); // 正确访问到 this.name
    }.bind(this));
  }
}

这些方法都可以有效地解决 ES6 class 中 this 丢失的问题。选择其中一种方法来适应你的项目需求。