前端JS知识要点总结（4）

异步和单线程

共有以下知识点：

• 什么是异步
• 前端异步的场景
• 异步和单线程

先举一个例子来区分阻塞和非阻塞：

// 异步 无阻塞
console.log(100)
setTimeout(function() {
    console.log(200)
},1000)
console.log(300)

// output
100 300 |--1s后--> 200

// 有阻塞 同步
console.log(100)
alert(200)
console.log(300)

// output
100 200(只有点击了弹出框的确认按钮，才能打印300，否则程序会卡在这里，等待点击确认) 300

何时需要异步：
有可能发生等待的情况，即不能在等待事件执行的时候卡主不动，包括：
定时任务：setTimeout(), setInterval()
网络请求：ajax请求，动态img加载
事件绑定：等待事件的发生，然后执行

JS是单线程的，一次只能执行一个动作。
JS遇见异步的时候，会将这个任务拿出去，放在一个任务列表中，等待触发动作的完成才会执行。从而不影响程序的单线程的顺序执行。

再详细一点的解释一下上面这段话：
对于一段JS代码而言，在执行的时候会一行一行的顺序执行，当遇见例如上面列举的异步的情况的时候，会将异步的任务拿出来，放在一张任务表中第一个位置，然后继续一行一行的执行。如果又遇见了异步，就依然将其放在任务表中，放在第二个位置。当按照顺序执行完了所有的代码的时候，将会跳转到任务表，当其中的某个任务被触发的时候，将会执行相应的任务。

题目十五：同步，异步的区别是什么？分别举一个例子

同步会阻塞代码，异步不会，例子可以参照第一段和第二段程序。

题目十六：一个关于setTimeout的笔试题

面试一般都会出一道setTimeout的笔试题，按照上面解释单线程的方式进行推理即可

题目十七：前端使用异步的场景有哪些

包括：定时任务，网络请求，事件绑定。（详细可以参考上面提到过的内容）