Question

我在init函数范围之外声明了一些函数，并在init中使用参数对其进行了调用。我已经设置了一些控制台日志，以跟踪为什么我没有得到期望的结果（即使出错）的进度，并且注意到它完全跳过了函数声明中的控制台日志。此外，我已经使用Chrome的调试器进入脚本，看到脚本到达函数声明的头后，便跳至init的下一行，而无需单步执行该函数。

我的想法是，这与必须使用回调有关，但是目前我不确定。

我已经测试了各种顺序，各种形式的声明函数，从初始化它们到嵌套它们的声明。给予或接受的结果都相同。这使我认为编译器认为这会花费更多时间，并立即跳到下一行。

这是代码的相关部分。

export default class Fundo extends FlexPlugin {
  constructor(PLUGIN_NAME) {
    super(PLUGIN_NAME);
    this.state = {
      token: "",
      cid: "",
    };
    this.fetchToken = this.fetchToken.bind(this);
    this.fetchCustomer = this.fetchCustomer.bind(this);
  }

  fetchToken = info => {
    const http = require("https");
    http.request(info, res => {
      var chunks = [];
      res.on("data", function(chunk) {
        chunks.push(chunk);
      });
      res.on("end", () => {
        var body = Buffer.concat(chunks);
        var temp = JSON.parse(body);
        this.setState({
          token: "Token " + temp.accessToken,
        });
        console.log(this.token);
      });
    });
  };

  fetchCustomer = (info2, password) => {
    const http = require("https");
    http.request(info2, res => {
      var chunks = [];
      res.on("data", chunk => {
        chunks.push(chunk);
      });
      res.on("end", () => {
        var body = Buffer.concat(chunks);
        var temp = JSON.parse(body);
        var temp2 = temp.items[0].customerId;
        this.setState({
          cid: temp2,
        });
        console.log(this.state.cid);
      });
    });
  };

  init(flex, manager) {
    const options = {
      method: "GET",
      hostname: "hostnamegoeshere.com",
      headers: {
        //api header info
      },
    };
    const options2 = {
      method: "GET",
      hostname: "api.epicloansystems.com",
      headers: {
        //moreheaderinfo
      },
    };
    this.fetchToken(options);
    this.fetchCustomer(options2, this.state.token);
    flex.CRMContainer.defaultProps.uriCallback = cid => {
      console.log("hereD");
      return `https://hostandpath.aspx?cid=${this.state.cid}`;
    };
  }
}

Answer 1

在JavaScript中，异步代码（例如发出HTTP请求）是非阻塞的，这意味着您为异步代码提供的回调将在将来的某个时间执行。您在finally中提供的回调将异步执行。

因此，基本上，在您致电http.request时，this.fetchCustomer并没有真正使用您需要的令牌设置状态！

您将需要类似于

this.fetchToken

了解更多有关此的良好资源：https://blog.bitsrc.io/understanding-asynchronous-javascript-the-event-loop-74cd408419ff

通常，在这里您将使用Promise之类的东西来控制彼此依赖的异步代码流。

执行期间跳过的功能；打回来？

1 个答案: