处理异步事件的三种方式

在开发中,异步事件是项目必然需要处理的一个环节,也因为前端框架的崛起,通过框架实现的 SPA 已是快速开发的基本了,异步获取数据也就成了不可或缺的一环。

同步?异步?

这两个名次从字面上很容易让人反过来理解

       同步:指一件一件做事;

       异步:很多事情同时处理;

             类似过桥.同步是独木桥只能一个一个的过,异步是有多座桥,可同时过。

那么在 js 中处理异步事件的方法是什么呢?

      1.回调函数

              最熟悉的就是回调函数了。例如网页与用户进行互动时,就需要接收一个回调函数;如setTimeout,也都能通过传递回调函数在用户要求的时机去触发。先看例子:

function timeoutCallback(() {
  console.log('start')
  setTimeout(() => {
    console.log('callback')
  }, 1000)
  console.log('done')
}
timeoutCallback()

             在 setTimeout 被执行后,当过了指定的时间间隔之后,回调函数会被放到队列的末端,再等待事件处理它。

             回调函数虽然在开发中十分常见,但也有许多难以避免的问题。例如最著名的“回调地狱”。

    2.Promise

            在 ES6 之后出现了 Promise,拯救了身陷在地狱的我们。

function matexiaPromise() {
  
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值