settimeout 0

本文深入探讨JavaScript的单线程执行机制及其对事件处理程序和回调函数的影响,解释了setTimeout的实际行为,并通过具体示例说明了任务队列的工作原理。

  1. var start = new Date();  
  2. setTimeout(function(){  
  3.     var end = new Date();  
  4.     console.log("Time elapsed: ", end - start, "ms");  
  5. }, 500);  
  6. console.log("task finished.");  
  7. 上述代码先输出:task finished. 后输出:Time elapsed: 501ms.

例子2:

  1. function a()  
  2. {  
  3.     setTimeout(function(){console.log(1);},0);  
  4.     console.log(2);  
  5. }  
  6. a();  

上述代码:先输出2,再输出1;Because:

JavaScript 是单线程执行的,也就是无法同时执行多段代码,当某一段代码正在执行的时候,所有后续的任务都必须等待,形成一个队列,一旦当前任务执行完毕,再从队列中取出下一个任务。这也常被称为 “阻塞式执行”。所以一次鼠标点击,或是计时器到达时间点,或是 Ajax 请求完成触发了回调函数,这些事件处理程序或回调函数都不会立即运行,而是立即排队,一旦线程有空闲就执行。假如当前 JavaScript 进程正在执行一段很耗时的代码,此时发生了一次鼠标点击,那么事件处理程序就被阻塞,用户也无法立即看到反馈,事件处理程序会被放入任务队列,直到前面的代码结束以后才会开始执行。如果代码中设定了一个 setTimeout,那么浏览器便会在合适的时间,将代码插入任务队列,如果这个时间设为 0,就代表立即插入队列,但不是立即执行,仍然要等待前面代码执行完毕。所以setTimeout 并不能保证执行的时间,是否及时执行取决于 JavaScript 线程是拥挤还是空闲。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值