Javascript 异步性的背后是什么 - 事件驱动系统

Question

请帮助我理解这一点。

您有一个调用一些方法的函数：

function() {
   methodA(function(){...});
   methodB();
   methodC();
}

对于没有回调或匿名函数的语言，我已经习惯了这样一个事实：在方法返回之前，执行不会继续。

因此，如果我使用回调调用 methodA，则执行必须等到该方法返回，这不是异步的，对吧？

例如，我可以将回调存储到某个对象并让 methodA 返回。然后执行方法B和方法C。当用户单击按钮时，某些处理程序会执行回调？

我得出的结论是，与 java 或 python 相比，javascript 没有什么异步性（不涉及多线程）....因为在 java 中回调不会是闭包/匿名方法，而是具有“execute”方法的对象它会是完全一样的，只是稍微复杂一点......当然有这个专门针对 DOM 的 JS 事件系统

Answer 1

JavaScript 中的回调不会隐式添加异步行为。当调用回调函数时，它会立即运行，就像普通函数一样。 （实际上，回调函数只是一个普通的函数...）

因此，不可能确定示例中回调的执行将在何时运行与其他方法的关系（除了它不能在调用 methodA 之前运行）——它可以从 methodA 或 methodB 或稍后点击，或者根本不点击。 （但是，除非出现异常，或者其中一个函数调用其他函数之一，否则 methodA 将在 methodB 之前运行，而 methodB 又会在 methodB 之前运行code>methodC；如果 methodA 抛出异常，则 methodB 和 methodC 都不会被调用）。

添加异步行为的是异步事件源，例如计时器事件或 UI 操作（例如按钮单击）。

然而，请务必记住，Javascript 没有也不支持线程。在触发新的异步事件之前，Javascript 必须“停止”（执行必须从异步事件源调用的回调函数返回）。 （异步事件[酌情]排队，因此如果另一个回调执行时间太长，计时器事件不会“丢失”。）

这就是为什么 while (true) {} 将使浏览器页面冻结并阻止处理按钮事件处理程序。

快乐编码。

---

示例案例（jsfiddle demo）：

function invokeNow(callback) {
   // nothing asynchronous going on here.
   // the callback is invoked right now and the result is returned.
   return callback()
}
alert(invokeNow(function () { return "Hello world!" }))

function doLater(callback) {
    // setup an asynchronous event
    setTimeout(callback, 1000)
    return "It isn't 'later' yet!"
}

alert(doLater(function () {
    alert("Later!")
    // note that this is running in the callback from the previous
    // timer event. if this code was below the outer alert then
    // it wouldn't have allowed the first timer callback to have occurred
    // until the blocking while was complete
    alert(doLater(function () { alert("I still ran!") }))
    var end = (+new Date) + 4000
    while ((+new Date) < end) { /* wait */ }
    alert("I am done waiting")
}))

---

警告：Firefox 4（4.0.0）似乎存在问题。 1) 和上面的代码。虽然其工作原理如演示的那样，但如果超时低于约 800 毫秒，则预期顺序与实际顺序不同。我已经发布了 SO：异步计时器事件同步运行（“buggy” ）在 Firefox 4 中？ 所以希望会有一些解决方案。该行为在 Firefox 3、IE 9 和 Chrome 11 中按预期工作。

Answer 2

function main() {
   methodA(function callback(){...});
   methodB();
   methodC();
}

假设回调没有立即执行。

执行顺序：

• methodA
• methodB
• methodC
• ...其他事情直到栈空
• 回调

Answer 3

Javascript 是顺序的，除非您使用 setInterval、setTimeout，或者通过回调或使用 onload 向服务器发出请求。不确定是否还有其他情况。

如果您有类似的内容：

function methodA(fn){
  ...
  fn();
}

那么当您调用 methodA(function(){...}) 时将调用回调