先抛一个小栗子,大家猜一猜最终的执行逻辑,1秒后,会不会停止while循环打印出最后的“所有的工作任务都已完成!”语句?
我是小栗子
var isOver = false;
// 设置一个异步函数任务(1秒后设置结束状态)
setTimeout(function(){
isOver = true;
},1000);
// 设置while循环
while(!isOver) {
//执行循环任务
console.log('执行了一次循环任务');
}
// 猜一下,1秒后,这个语句会打印出来吗? ^-^
console.log("所有的工作任务都已完成!");
事实结果是无法显示最后的打印语句的,因为JavaScript是单线程执行的,内部使用事件循环机制来处理任务。js引擎会使用一个执行栈来保存同步任务,使用一个消息队列来保存异步任务。只有当同步任务执行栈执行完毕(为空)时,才会执行异步消息队列中的任务。While循环执行时,程序会等待循环结束才去执行异步事件,如果此时while循环的条件一直为真,则程序会一直卡在执行栈这里,导致死循环的产生。
综上所述,开发中应避免出现上述问题,一定要在while循环体内设置可以改变判断条件的终止逻辑。