通过alert方法，去理解js中阻塞、局部作用域、同步/异步任务
javascript中alert是Bom中的成员函数，BOM是以window对象为依托，代表浏览器窗口和页面的可见区域等,也就是说alert()实际上是window.alert()。
alert的对话框是模态的。对话框一般分为两种：模态和非模态，模态对话框：就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会强制此种特性，用户可以在当前对话框以及其他窗口间进行切换。显然window.alert函数弹出的对话框是模态的，具有阻塞性质的，不点击是不会执行后续代码的。我们可以创建模态对话框与非模态对话框的相关语法：
//创建模态对话框：
window.showModalDialog(sURL [, vFreeArgument] [, sOrnaments]);
//创建非模态对话框：
window.showModelessDialog(sURL [, vFreeArgument] [, sOrnaments]);js的阻塞是指在调用结果返回之前，当前线程会被挂起， 只有在得到结果之后才会继续执行,例如以下代码不关闭alert，永远不会输出1。
alert("不关闭后面是不会执行的");
console.log(1);已经知道alert()是阻塞式的，但是在定时器中会出现代码执行顺序的问题，例如：
(()=>{
for(let i = 0; i < 5; i++){
setTimeout(() => alert(i), 1000);
}
})();这里使用了let局部作用域，确保了输出结果不会每次都为5（改为var后，setTimeout在1秒后主线程是循环完成了的，i的值以及变为5了，就会造成结果一直为5）。我们会发现除了第一弹窗是0以外，后面的并没按顺序执行，如果把alert改为console.log(i)就可以按顺序输出。这是为什么呢？
首先js是一个单线程的，意味着所有任务都需要排队，等前一个任务结束才会执行后一个任务。在js中任务分为2类：同步任务和异步任务
同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；
异步任务：不进入主线程、而进入"任务队列"的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。
setTimeout方法是异步任务， 它向“任务队列”依次添加执行函数。所以在alert 0的时候，不去点确定，主线程是被挂起的状态，如果在1秒内点确定会发现顺序就是是正常的，这是由于取消alert阻塞后"任务队列"为2的刚好进入主线程。如果很久才去点击确定，“任务队列”都进入主线程了，那么js会采用轮询再来处理剩下未执行的代码。
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
