JS异步解决方案的发展历程以及优缺点

Promise就是为了解决callback的问题而产生的。

Promise 实现了链式调用，也就是说每次 then 后返回的都是一个全新 Promise，如果我们在 then 中 return ，return 的结果会被 Promise.resolve() 包装

优点：解决了回调地狱的问题

ajax('XXX1')

  .then(res => {

      // 操作逻辑

      return ajax('XXX2')

  }).then(res => {

      // 操作逻辑

      return ajax('XXX3')

  }).then(res => {

      // 操作逻辑

  })

缺点：无法取消 Promise ，错误需要通过回调函数来捕获

3. Generator

特点：可以控制函数的执行，可以配合 co 函数库使用

function *fetch() {

    yield ajax('XXX1', () => {})

    yield ajax('XXX2', () => {})

    yield ajax('XXX3', () => {})

}

let it = fetch()

let result1 = it.next()

let result2 = it.next()

let result3 = it.next()

4. Async/await

async、await 是异步的终极解决方案

优点是：代码清晰，不用像 Promise 写一大堆 then 链，处理了回调地狱的问题

缺点：await 将异步代码改造成同步代码，如果多个异步操作没有依赖性而使用 await 会导致性能上的降低。

async function test() {

  // 以下代码没有依赖性的话，完全可以使用 Promise.all 的方式

  // 如果有依赖性的话，其实就是解决回调地狱的例子了

  await fetch('XXX1')

  await fetch('XXX2')

  await fetch('XXX3')

}

下面来看一个使用 await 的例子：

let a = 0

let b = async () => {

  a = a + await 10

  console.log('2', a) // -> '2' 10

}

b()

a++

console.log('1', a) // -> '1' 1

对于以上代码你可能会有疑惑，让我来解释下原因

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

JavaScript