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

同步（sync）
指的是代码依次执行。
异步（async）
在做一件事情的时候，因为做这件事情会花费很多时间，在等待过程中可以先去处理其他事情，等轮到这件事的时候再回来处理。如 ajax 操作，setTimeout()，setInterval()方法。
setTimeout(fn,time)
1. 用于在指定的毫秒数time后执行某些操作
2. API

var id = setTimeout(fn,timer);
//fn是执行函数
//timer间隔时间
【js中的同步与异步、异步解决方案及优缺点】//返回一个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 链，解决了回调地狱的问题
缺点：将异步代码改造成了同步代码，如果多个异步操作没有依赖性会降低性能