es6 类中的 this/self [重复]

Question

当我从回调中调用 es6 类的方法时，我不能再将 this 作为我的对象：

class store{
  constructor(){
    this.value = 10;
  };

  printValue(self){
    console.log(this);
    console.log(self);//the value that I want print
  };
};

class undefinedClass{
  constructor(store){
    this.store = store;
  };

  storeQuery(){
    let ff = this.store.printValue;
    setTimeout(ff, 300, this.store);
  };
};

let i = new store();
let b = new undefinedClass(i);
b.storeQuery();

当我调用 b.storeQuery() 时，我想要打印的值是第二个。 有没有更优雅的方式来做到这一点？

Answer 1

正如@alex 所说，.bind

文档是here

class store{
  constructor(){
    this.value = 10;
  };

  printValue(){
   
    console.log(this.value);//the value that I want print
  };
};

class undefinedClass{
  constructor(store){
    this.store = store;
  };

  storeQuery(){
    setTimeout(this.store.printValue.bind(this.store), 300);
  };
};


let i = new store();
let b = new undefinedClass(i);

 
b.storeQuery();

Answer 2

当你在 JavaScript 中使用一个对象的函数引用时，它会失去它被设置为该对象的 ThisBinding。

您可以使用 Function.prototype.bind() 将 ThisBinding 绑定到任何东西。

在这种情况下，您可以使用 ff.bind(this.store) 之类的东西。