javascript - 嵌套函数中 undefined variable

Question

我有一个返回 ID 的 http post 请求。然后我尝试将该 ID 传递给另一个函数。但是，在下一个函数中，我有一个超时，它将循环该函数以检查状态。每次在超时函数内 ID 都返回未定义。

第一个函数

这里我有“res”，它是另一个函数的结果。我从返回的 json 中获取状态 ID 并将其发送到“getAlbum”。

anotherFunction(res) {
  this.getAlbum(res);
}

获取相册

如果我立即在此函数内执行控制台日志，它会正确发出正确的 ID。但是，如果我在“checkAblumStatus”函数内执行此操作，则 id 部分未定义。

getAlbum(id){

 var statusID = id.status_id;

  console.log('id = ' + statusID) // returns id

  var statusIDRequest = 'url' + statusID;

  var checkAblumStatus = function (statusIDRequest) {

    console.log('statusIDRequest = ' + statusIDRequest) // returns undefined for the ID part

    this.http.get(statusIDRequest).subscribe(res => {
      if (res.status == "completed") {
        // completed
      } else if (res.status == "failed") {
        // failed
      } else {
        setTimeout(checkAblumStatus, 1000);
      }
    });
  };

  setTimeout(checkAblumStatus, 1000);
}

如果有任何帮助，我们将不胜感激:)

Answer 1

发生这种情况是因为变量的范围。

  var checkAblumStatus = function (statusIDRequest) {

    console.log('statusIDRequest = ' + statusIDRequest) // returns undefined for the ID part

    this.http.get(statusIDRequest).subscribe(res => {
      if (res.status == "completed") {
        // completed
      } else if (res.status == "failed") {
        // failed
      } else {
        setTimeout(checkAblumStatus, 1000);
      }
    });
  };

在函数的上下文中，this 引用函数本身，而不是您的对象。

您需要使用像这样的闭包或粗箭头。

  var checkAblumStatus = (statusIDRequest) => {

您还需要为您的调用提供一个变量。

setTimeout(checkAblumStatus(variable), 1000);