JS：函数的执行顺序

Question

我是一名 Java 开发人员，想了解 JS 如何在函数内部调用函数。

function mainFunction() {
     //some HTTP Call. Callback is done through chaining. (Total execution time: 10s) -> (1)

     //let b = some HTTP Call. Callback is assigned to local variable a. (Total execution time: 5s) -> (2)

      //console.log("Hi") -- (3)

     //Setimeout(500, ......); --(4)

     // some very long piece of code - (Execution time: 60s) -- (5)
}

在时间轴上，上述代码的执行顺序是什么？

第 1 步和第 2 步我们有什么不同（等待中）吗？

如果这些 http 回调利用 AngularJS $http 服务，我们还有什么不同吗？

Answer 1

JavaScript 的执行方式是先执行同步语句，然后将异步函数放在队列中。它们以先进先出的方式执行。

以下是执行顺序。

第 1 步和第 2 步有 ajax(async) 调用，因此它们会被注册但不会被调用。

然后第 3 步将打印console.log 作为其非异步代码。

在第 4 步中，它只需要一段代码并由 JavaScript 引擎放入异步队列中。

然后步骤 5 将被调用。

所以到现在我们的异步队列有Step 1,2 & 4

第 5 步执行完成后，编译器评估已放入异步队列的 function/code。第 1 步、第 2 步和第 4 步，但根据他们的时间评估，他们的回调将像第 4 步（400 毫秒）、第 2 步（5 秒）和第 1 步（10 秒）一样执行