JavaScript 事件循环与主代码关系

<script type="text/javascript">      $.ajax('url', function(data) {          console.info('callback');          });       //do something      console.info('done');  </script>  

callback done 

• 資深大佬 : des

  不可能，不会是中断的

• 資深大佬 : ysc3839

  个人猜测，只有在当前的 script 代码块执行完后才会去处理在队列中的事件。
  仅仅为猜测，我没有做过任何测试。

• 資深大佬 : ayase252

  有一个任务队列，当请求回来的时候回调函数会被压入到任务队列里。等到当前执行栈为空时，才会到任务队列里取函数执行。

• 資深大佬 : lisianthus

  事件循环：先执行宏任务，再执行微任务队列所有任务，再执行宏任务。ajax 我没记错的话是微任务，在宏任务执行后才调用

• 資深大佬 : nsjs

  不会， 你如果在 //do something 那里写个死循环就卡死了，永远也执行不到 done 那里
  ajax 那里只是把你的异步函数放入微队列
  吧？

• 資深大佬 : crs0910

• 資深大佬 : lin07hui

  const asyncFunc = () =>
  new Promise(resolve => {
  setTimeout(resolve(“data”), 500);
  });

  (async () => {
  asyncFunc().then(() => {
  console.log(“async callback”);
  });
  console.log(“async running”)

  // do something
  await asyncFunc().then(() => {
  console.log(“sync callback”);
  });

  console.log(“done”);
  })();

  // 打印：
  // async running
  // async callback
  // sync callback
  // done

• 資深大佬 : cheese

  关键词 事件循环 宏任务 微任务。 你说的情况是不会出现的

• 資深大佬 : ChanKc

  没有可能

• 資深大佬 : ChanKc

  JavaScript 总是 run to finish，当前执行栈是 do something 所在的这个函数，执行完了才会去做 micro task

• 資深大佬 : ryanlid

  不会

  在事件循环中，一次只处理一个任务，一个任务开始后直到完成，不会被其他任务中断。

  推荐 可以看一下 《 JavaScript 忍者秘籍》第 13 章

• 主 資深大佬 : KyL

  @ChanKc 那么在 Node REPL 或者 Chrome DevTools 中，输入

  $.ajax(“url”, function() {console.info(“callback”);});
  就会立刻打印 callback，而不会等到下一句
  console.info(“done”);
  输入并执行之后才会 callback 。这个是由于脚本文件执行和实时环境的差异造成的吗？

• 資深大佬 : ChanKc

  @KyL 你把 done 这句加到上面 ajax 的分号后面试试？

• 資深大佬 : ChanKc

  @KyL 我不提倡死记答案，思考几个问题

  1 如果可以出现你主帖提到的情况，是不是意味着需要长时间执行的同步代码可以被异步代码中断？
  2 如果 1 成立，那程序员就不用费劲思考调度了，直接交给 js 引擎智能调度就好？
  3 如果 1 成立，怎么样保证某些代码能够在异步代码之前执行？
  4 如果 1 成立，如何异步代码和同步代码都想要改变某个变量，比方说都给某个变量 foo 赋值，如何解决他们的竞争关系？
  5 思考一下到底$.ajax 时用到了几个线程？回调代码和同步代码都在哪些线程里执行？