为什么我得到了未定义的变量？

Question

我有财产课：

public requestLoadPersonal: Personal[] = [];

还有一种方法：

private filterByGender(selectedValue: any): void {
    console.log(this.requestLoadPersonal);
    this.requestLoadPersonal = this.requestLoadPersonal.filter(
      (p: Personal) => {
        return selectedValue ? p.gender == selectedValue : true;
      }
    );
  }

在类的构造函数我有：

 public filterFn = {
    name: this.filterByGender
 }

为什么当我从objectfilterFn按键调用函数this.filterByGender时。我收到一条未定义的消息，为什么变量this.requestLoadPersonal在内部不可用：

console.log（this.requestLoadPersonal） ？

调用为：

 this.filterFn['name']({...});

我尝试绑定变量：

 this.filterFn['name']({...}).bind(this.requestLoadPersonal);




Answer 1

在您的构造函数中，您应该将函数绑定到this，如下所示：

constructor() { this.filterFn = { name: this.filterByName.bind(this) }; }

因为仅仅{name：this.filterByName}会丢失this上下文，即filterByName具有其他实例的this上下文。

然而，我建议你简化一切，让它更直截了当。目前它很复杂，因此容易出错。