您如何访问匿名函数内部的javascript类属性是同一类

Question

我有一个javascript（es2015）类，我想更新$ .each调用的函数中数组的值。 但是，在构建中，myarr是未定义的。 我认为this是在each函数内，它引用传递给each的匿名函数。 我如何获得myarr的课程实例？

class mycl{
  constructor(){
     this.myarr=[];
  }
  build(d){
    $.each(d,function(d,i){
      let myd = ..... // Do some stuff with the data
      this.myarr.push(myd);      
    });
  }
}

Answer 1

您是否尝试过在每个函数中使用bind？ 像这样：

class mycl{

  constructor(){
     this.myarr=[];
  }
  build(d){
    $.each(d,function(d,i){
      let myd = ..... // Do some stuff with the data
      this.myarr.push[myd];      
    }).bind(this);
  }
}

Answer 2

创建一个构建器函数，该函数是Mycl的函数，然后调用该函数，而不要使用anon函数。

class mycl{
  constructor(){
     this.myarr=[];
  }
  builder(d,i){
      // let myd = ..... // Do some stuff with the data
      this.myarr.push(myd);      
  },
  build(d){ $.each(d,this.builder);  }
}

Answer 3

您将需要在变量中保留对类的引用，如下所示：

class mycl{
  constructor(){
    this.myarr=[];
  }
  build(d){
    const self = this; //keep a reference to the class here and use it to access class attributes.
    $.each(d,function(d,i){
      let myd = ..... // Do some stuff with the data
      self.myarr.push(myd);      
    });
 }
}