js处理异步的几种方式


prtyaa
prtyaa 2023-12-25 16:29:32 66112
分类专栏: 资讯

1、回调函数

封装了异步操作的函数接受一个匿名函数作为参数,当异步操作执行完后调用这个传递进来的匿名函数;

function getData(callback){
  setTimeout(() => {
    let name = 'xxx'
    callback(name)
  }, 1000);
}
getData((d)=>{
  console.log(d)
})

缺点:容易出现多层的嵌套,例如ajax请求来的数据作为下一个ajax请求的参数,一个异步完成的结果作为另一个异步操作函数的参数

getData('XXX1', () => {
  // callback 函数体
  getData('XXX2', () => {
    // callback 函数体
    getData('XXX3', () => {
      // callback 函数体
      getData('XXX4', () => {
        // callback 函数体
        getData('XXX5', () => {
          // callback 函数体
        })
      })
    })
  })
})

2、promise

const p = new Promise(function (resolve, reject) {
  setTimeout(() => {
    let name = 'xxx'
    resolve(name)
  }, 1000);
});
p.then((d) => {
  console.log(d)
})

3、async await

function getData() {
  new Promise(function (resolve, reject) {
    setTimeout(() => {
      let name = 'xxx'
      resolve(name)
    }, 1000);
  });
}

async function test() {
  let d = await getData()
  console.log(d)
}

test()

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=30636
赞同 0
评论 0 条
prtyaaL1
粉丝 1 发表 2554 + 关注 私信
上周热门
银河麒麟添加网络打印机时,出现“client-error-not-possible”错误提示  1507
银河麒麟打印带有图像的文档时出错  1426
银河麒麟添加打印机时,出现“server-error-internal-error”  1217
统信操作系统各版本介绍  1137
统信桌面专业版【如何查询系统安装时间】  1134
统信桌面专业版【全盘安装UOS系统】介绍  1090
麒麟系统也能完整体验微信啦!  1046
统信【启动盘制作工具】使用介绍  696
统信桌面专业版【一个U盘做多个系统启动盘】的方法  639
信刻全自动档案蓝光光盘检测一体机  545
本周热议
我的信创开放社区兼职赚钱历程 40
今天你签到了吗? 27
信创开放社区邀请他人注册的具体步骤如下 15
如何玩转信创开放社区—从小白进阶到专家 15
方德桌面操作系统 14
我有15积分有什么用? 13
用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
如何让你先人一步获得悬赏问题信息?(创作者必看) 12
2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
中央国家机关政府采购中心:应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8

添加我为好友,拉您入交流群!

请使用微信扫一扫!