TypeError：无法读取 JavaScript 中未定义的属性“你好”

【问题标题】：TypeError: Cannot read property 'hello' of undefined in JavaScriptTypeError：无法读取 JavaScript 中未定义的属性“你好”
【发布时间】：2017-09-26 15:59:35
【问题描述】：

您好，我正在尝试运行以下程序。我有一个函数hello，我在b 内部调用它。它给了我一个错误

TypeError: 无法读取未定义的属性 'hello'

class ChildClass {
  // constructor
  constructor(param, ...args) {

    this.hello = function (a) {
      console.log(a);
    }

    this.obj = {
      a: {
        b() {
          this.hello(2)
        }
      }
    }
  }
}

有谁知道我在这里做错了什么？

【问题讨论】：

this 在b() 函数中将指向this.a 对象
b方法中的this不是指ChildClass的对象
@AndreiCACIO 是的。我怎样才能使 hello 在 b() 中可用
stackoverflow.com/questions/3127429/… 的副本。
相关：How to access the correct this inside a callback?

标签： javascript

【解决方案1】：

问题在于this 不是指向ChildClass 实例，而是指向内部a 对象。一种解决方案可能是：

class ChildClass {
  // constructor
  constructor(param, ...args) {

    const hello = this.hello = function (a) {
      console.log(a);
    }

    this.obj = {
      a: {
        b() {
         hello(2)
        }
      }
    }
  }
}

但是，如果您不打算将hello() 用作实例方法，您可以简单地在私有const 中声明它，并且不要将它放在this 上：

class ChildClass {
  // constructor
  constructor(param, ...args) {

    const hello = function (a) {
      console.log(a);
    }

    this.obj = {
      a: {
        b() {
         hello(2)
        }
      }
    }
  }
}

取决于你想做什么。

或者，您可以将“真实”this 保存在 const 中：

class ChildClass {
  // constructor
  constructor(param, ...args) {
    const instance = this;

    this.hello = function (a) {
      console.log(a);
    }

    this.obj = {
      a: {
        b() {
         instance.hello(2)
        }
      }
    }
  }
}

【讨论】：