Javascript - 函数不会从另一个函数运行

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

已关闭 5 年前。

我有一个名为 this.create() 的函数

this.create = function() {
  var validate = this.validate();

  if (validate === false) {
    return;

  } else if (document.getElementById("nameID").value == "") {

    alert("Enter an ID");
  } else {
    this.runMapping();

    $.post('http://*************', {

    }, function(data) {

      var results = $.parseJSON(data);

      if (results.status == "fail") {
        alert('FAILED');
      } else {
        ID = (results.data[0].nameID);

        alert("SUCCESS");
        this.setDate();


      }
    });
  }
}

另一个函数名为this.setDate() :

this.setDate = function() {
  alert("In date");

  $.get('http:**********',
    function(data) {
      var results = $.parseJSON(data);
      date = (results.data[0].date);
      return;
    }
  )
}

现在，如果我输入 this.setDate()在它自己的按钮上它工作正常，但是当 this.create() 时它拒绝运行被调用，即使 alert("SUCCESS")在 this.create() 中收到警报功能。

我应该补充一点，我是 JS 的相对论新手，所以如果这是我犯的一个简单错误，请原谅我。我还注意到this.runMapping()在 this.create() 中工作正常.

Answer 1

这是因为 this 现在是您调用 this.setDate(); 的函数的上下文，并且其中没有这样的函数。

使用箭头函数或将 this 引用保存到变量，并按照该引用的方式调用您的函数

var that = this;
 this.create = function() {
   ....
    that.setDate()
   ...