角度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

  };


  ...

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

我怎样才能解决这个问题？

Answer 1

使用arrow函数作为回调函数以保持类的作用域：

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

另外，看看这一点，了解为什么正常函数和箭头函数是不同的。