同步和异步的区别是什么？（三座大山之三）

单线程和异步

• JS 是单线程语言，只能同时做一件事
• 浏览器和 nodejs 已支持 JS 启动进程，如 Web Worker
• JS 和 DOM 渲染共用一个线程，因为 JS 可修改 DOM 结构
• 遇到等待（网络请求，定时任务）不能卡住，所以需要异步
• 异步通过 callback 函数形式

异步和同步，基于 JS 是单线程语言

• 异步不会阻塞代码执行
• 同步会阻塞代码执行

//异步 100 300 200
console.log(100);
setTimeout(() => {
  console.log(200); //异步（callback 回调函数）
});
console.log(300);
//同步100 200 300
console.log(100);
alert(200);
console.log(300);

前端使用异步的场景有哪些？

• 网络请求，如 ajax 图片加载
• 定时任务，如 setTimeout

？？setTimeout 执行结果

//执行结果 1 3 5 4 2
console.log(1);
setTimeout(function () {
  console.log(2);
}, 1000);
console.log(3);
setTimeout(function () {
  console.log(4);
}, 0);
console.log(5);