如何将API调用的返回值分配给javascript中的类成员变量[重复]

Question

我有一个类，它有一个成员变量 name 和一个函数 getdata()。 该函数进行 API 调用并将其接收到的值分配给成员变量

class Person
{
constructor()
    {
    this.name = this.getdata();
    }
getdata()
    {
    $.ajax({
          url: 'https://randomuser.me/api/',
          dataType: 'json',
          success: function(data) {
            console.log(data);
            this.name = data;
          }
        });
    }

}

但是没有赋值。

我也尝试过获取：

class Person
{
constructor()
    {
    this.name = this.getdata();
    }
getdata()
    {

    fetch('https://randomuser.me/api/').then(function(response) {
                return response.json();
            }).then(function(j) {
            this.name = j                   
    });
    }

}

但它并没有在 then 函数中识别这个

Answer 1

您可能想在 JS 中查看 a question on the use of this。您在函数中分配的 this 不是您所期望的。

最快的解决方法是做类似的事情

// ...
getData: function() {
  const self = this;
  fetch(...).then(...
    self.name = j
  )
}

但使用arrow functions 也可以解决此问题。