快速搞定前端JS面试 -- 第五章 JS基础-异步（同步异步、应用场景、回调地狱）

二、应用场景

三、callback hell回调地狱

四、问题解答

1. 同步和异步的区别是什么？

2. 手写promise加载一张图片？

3. 前端使用异步的场景？

4. 场景题setTimeOut

---

题目

1. 同步和异步的区别是什么？

2. 手写promise加载一张图片？

3. 前端使用异步的场景？

4. 场景题setTimeOut

知识点

1. 单线程和异步

2. 应用场景

3. Callback hell 和promise

一、单线程和异步

---

• JS是单线程语言，只能同时做一件事

• 浏览器和nodejs已经支持JS启动进程，如web worker

• JS和DOM渲染共用同一个线程，因为JS可修改DOM结构

• 遇到等待（网络请求，定时任务）不能卡住

• 需要异步

• 回调callback函数形式

// 异步 （callback 回调函数）

console.log(100)

setTimeout(() => {

console.log(200)

}, 1000)

<