js中的同步与异步、异步解决方案及优缺点

同步（sync）

指的是代码依次执行。

异步（async）

在做一件事情的时候，因为做这件事情会花费很多时间，在等待过程中可以先去处理其他事情，等轮到这件事的时候再回来处理。如 ajax 操作，setTimeout()，setInterval()方法。

setTimeout(fn,time)

1. 用于在指定的毫秒数time后执行某些操作

2. API

var id = setTimeout(fn,timer);

      //fn是执行函数

      //timer间隔时间

     //返回一个id值，在fn未触发之前，可以通过clearTimeout(id)清除，从而不执行fn

 clearTimeout(id); // 阻止函数的执行

setInterval(fn,time)

1. 描述的是每隔毫秒数time执行某些操作

2. API

var id = setInterval(fn,timer);

    //fn是要执行的函数

    //timer是间隔时间

    //返回一个id，用于将来某个时间用clearInterval清除间隔定时器

clearInterval(id); // 阻止函数的执行

区别和联系

1. 概念上，setTimeout() 是在指定毫秒后执行某操作，只执行一次；setInterval() 是每隔指定毫秒执行某操作，如果不用 clearInterval() 清楚的话，就会一直执行下去。

2. 两个方法都会返回一个 id 值，用于清除定时器，分别是 clearTimeout()，clearInterval()。

3. 从性能来说，setTimeout() 的性能优于 setInterval() 。

4. 两者都不能保证到了时间点一定会执行。如：setTimeout(fn,5000)不能保证5s后一定执行fn，这得取决于当前js线程队列里面还有没有其他待处理队列，如果刚好没有的话，那就能刚好执行；如果当前线程里面已经有了其他待处理队列正在执行，那么需要排队，等到JavaScript线程空闲的时候才会执行定时器。

5. 能用setInterval实现的操作，一定能用setTimeout来实现。

异步解决方案的优缺点

1. 回调函数（callback）

优点：解决了同步的问题
缺点：回调地狱、不能用 try-catch 捕获错误、不能 return 

---

补充：
回调地狱：回调地狱就是函数作为参数层层嵌套，使异步 JavaScript 或使用回调的 JavaScript 很难直观地得到正确的结果。
回调地狱带来的问题：缺乏顺序性，给调试带来困难，不易处理错误；具有耦合性。

---

2. Promise

优点：处理了回调地狱的问题
缺点：状态一经确认就不能再改变，无法取消 Promise，错误需要通过回调函数来捕获

3. Generator

特点：像一个可以多次返回值的函数。可以控制函数的执行。

4. Async/await

优点：代码清晰，不用像 Promise 一样写很多 then 链，解决了回调地狱的问题
缺点：将异步代码改造成了同步代码，如果多个异步操作没有依赖性会降低性能