javascript - 试用zepto时,进程中的alert()会提前执行,为什么?
本文介绍了javascript - 试用zepto时,进程中的alert()会提前执行,为什么?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
引用了zepto框架,
代码1:
$('#button').click(function () {
$('.block').show();
alert('a')
});
运行结果是先alert然后block再显示出来。
然后代码做了改进,加了延迟
代码2:
$('#button').click(function () {
$('.block').show();
setTimeout(function(){
alert('a')
},0)
});
这时候才是正常顺序,请问为什么会这样?
解决方案
之前也看到了相关的解释:大致就是浏览器是根据功能分线程的,比如图形绘制和js是不同的线程。(在这里可以理解为show是异步的)
对于代码一:JS顺序执行show,再执行alert,(最后执行show的显示)。但是show是给图形线程去绘制需要耗时,相当于异步了
对于代码二:settimeout也是异步,所以变成执行show代码,执行setimeout开一个线程,执行show的渲染,最后执行settimeout中的方法也就是alert
这篇关于javascript - 试用zepto时,进程中的alert()会提前执行,为什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文