Question

我遇到了一个奇怪的错误我正在使用新版本的ES6。当我运行这段代码时，我得到了ReferenceError: alertBox is not defined。有没有办法在这个函数里面调用alertBox？在此先感谢：）

这是代码

class main {
    constructor(data){
    this.data=data;

    // this one works
    this.alertBox(this.data);

    this.watchFile(function(){
      // this one throws error
      this.alertBox(this.data);
    });
    }

  alertBox(data){
    alert(data);
  }

  watchFile(cb){
    cb("changed");
  }
}

// app.js
new main("hello");

您可以在此处找到代码段：https://repl.it/FJUo

Answer 1

通过将正常函数传递到watchFile，您将失去this的上下文。在ES6中，您可以使用＆＃34;箭头功能＆＃34;语法来创建一个保持正确上下文的函数。

this.watchFile(() => {
    this.alertBox(this.data);
});

构造函数中的范围错误（ES6）

1 个答案: