栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在脚本执行过程中返回AJAX调用时,在JavaScript中会发生什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在脚本执行过程中返回AJAX调用时,在JavaScript中会发生什么?

假设异步

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;您可以扩展测试以进一步进行。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/427484.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号