Angular 6 - 将数据传递到类变量时变得不确定

Question

我有一个服务，在构造函数中我正在运行一个方法来获取一些数据。我可以看到数据，然后将其传递给预定义的变量。

像这样:

export class SentinelService {

  configuration;

  constructor() {


    this.electronService.ipcRenderer.on('config' , function(event , data) {

      this.configuration = data; // pass the data to configuration variable

      console.log(this.configuration.name); // Check it ... I can see the value here


    });

  }


  myMethod() {

    // Try it here
    console.log(this.configuration.name); // I get Undefined

  };


  ...

虽然我已将值分配给“configuration”变量，并且可以看到它是从构造函数内部的方法传递的，但是当我在另一个方法上尝试相同的事情时，我得到了未定义。

我该如何解决这个问题？

Answer 1

使用箭头函数作为回调来保持类作用域:

this.electronService.ipcRenderer.on('config' , (event , data) => {
  this.configuration = data; 
  ...

另外，看看 this理解为什么普通函数和箭头函数不同。