JS 异步方法及解决的问题

最近的一个区块链项目面试中被问到了 js 异步都有哪些,分别解决了什么问题。就知道一个 promise 解决回调地狱的我可谓是当场懵逼了,好家伙这也没背过啊,在此记录一下。

一、异步都有哪些方法

  • 回调函数、事件监听、定时器
  • Promise
  • Web Workder
  • async/await

二、解决了什么问题

回调函数、事件监听、定时器

执行一些需要等待的任务且不影响同步任务的进行。

Promise

解决了复杂业务场景中回调函数累加之后产生的回调地狱等问题。

Web Workder

由于 js 是单线程的,随着多核 CPU 的出现单线程无法充分使用计算机性能,因此可以使用 Web Workder 来开辟另一个线程,来分配一些任务给 Web Workder 来运行。

参考文章:Web Worker 使用教程

async/await

使得代码在形式上更接近于同步代码,非常的简洁。async/await 是非阻塞的,但类似 Promise.all 这样的并行方法 async/await 暂时是无法实现的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript中,当我们在循环中调用异步方法时,可能会遇到一些问题。引用[1]中提到了一个例子,使用map方法在循环中调用异步方法并打印索引值。在这个例子中,由于异步方法的执行时间比循环快,导致输出结果都是5,而不是预期的0、1、2、3、4。这是因为每次循环结束后,setTimeout的回调函数中的i指向的是循环结束时的最终值,而不是当前循环的索引值。 为了解决这个问题,可以使用async/await关键字来处理异步方法。引用中给出了一个示例代码,使用了async/await关键字来在map方法中调用异步方法。在这个例子中,通过在异步函数前面加上async关键字,并使用await关键字来等待异步方法的返回结果,确保了异步方法执行完毕后再进行下一次循环。这样就能够正确地打印每次循环的索引值。 另外,如果需要在循环中处理多个异步方法的返回结果,也可以使用Promise.all方法来等待所有异步方法的返回结果。这样可以保证所有异步方法都执行完毕后再进行下一步操作。 所以,在JavaScript循环中调用异步方法时,可以使用async/await关键字来确保异步方法的顺序执行,或者使用Promise.all来等待所有异步方法执行完毕。这样可以避免出现异步方法执行顺序不正确的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值