假设异步
myFunction调用时在我的页面上调用了其他一些Javascript方法myCallback。一个操作是否优先于另一个操作?它们都同时运行吗?怎么了?
浏览器上的Javascript是单线程的(除非使用web
worker,否则其语法是明确的)。因此
myFunction将一直运行直到它返回-
带有某些警告(保持阅读)。如果ajax层在运行 时 完成了一个操作
myFunction(很可能是这样)并且需要调用回调,则该调用将 排队
。下次代码产生时,将触发队列中的下一个调用。
这样看来,我们再也不必担心种族条件了。基本上是这样,但也有一些细微之处。例如,考虑以下代码:
var img = document.createElement('img');img.src = ;img.onload = function() { // Handle the fact the image loaded foo();};doSomethingElse();doYetAnotherThing();由于浏览器上的Javascript是单线程的,因此可以保证
load在加载图像时触发该事件,对吗?
错误。
的 的Javascript
代码是单线程的,但环境的其余部分可能不是。因此,可能会发生这样的情况:设置了
img.src,浏览器可能会看到它具有可以使用的图像的缓存副本,因此会触发该行与该行
之间 的
load事件。由于尚未附加我的处理程序,因此无法接听电话,因为在附加我的处理程序时,该事件已经触发。
img__
img.src =...``img.onload = ...
但是,如果我们反转这些行,您会看到排队的效果:
var img = document.createElement('img');img.onload = function() { // Handle the fact the image loaded foo();};img.src = ;doSomethingElse();doYetAnotherThing();现在我要 在 设置 之前 挂接事件
src。如果事件
img.src =...在行与
doSomethingElse行之间触发(因为浏览器将图像保存在缓存中),则对我的处理程序的回调将 排队
。
doSomethingElse并
doYetAnotherThing在我的处理程序之前运行。只有当控制权从我的代码传递出去时,对我的处理程序的排队调用才最终运行。Javascript代码是单线程的,但环境不是。
您还可以采用非显而易见的方式屈服于主机环境。例如,通过调用
alert或其breathren
/confirm/i,
prompt等等。这些功能坚持像疮大拇指,他们是现代的Javascript,因为他们 不是 事件驱动;
而是在显示模式窗口时暂停Javascript执行。但是正如bobince在这里的深入讨论中指出的那样,这并不意味着在显示该模式时您的其他任何代码都不会运行。它仍然是单线程的,但是一个线程被挂在一个地方(通过模式),并同时用于在其他地方运行代码。确实是非常好的区别。(鲍勃还指出了一些事件处理方法-
他的
focus例如-似乎违反了此规则,但事实并非如此。他的示例 调用
focus,依次调用事件处理程序,然后返回;与Bob指出的项目的共同点是,您的代码已在宿主环境中调用了某个东西,该东西会消失并执行某些操作(显示模式对话框,触发
blur和
focus处理程序)等)。
(
alert尤其是它的呼吸会引起各种各样的麻烦,尤其是在
focus和周围
blur,我建议您避免使用它们,而应使用更现代的技术(看起来也要好18倍左右)。)
因此,这些是答案开头提到的警告。特别是,如果
myFunction调用
alert,至少在Firefox上,ajax完成回调 将
在期间运行
alert(在大多数其他浏览器上不会)。如果您想知道在
alerts这样的情况下会发生什么和没有发生什么,这里有一个测试页测试
setTimeout和ajax;您可以扩展测试以进一步进行。



