最近会一直更新一些ES6基础,picke 你需要的吧!

 清醒一下,写篇博客吧!今天给大家介绍一下Promise     


  1. promise的作用:  解决异步处理
  2. 同步:{
        优点:代码编写简单
        缺点:  用户体验差,性能低,卡页面
}

   3. 异步{

        优点:用户体验好,性能高,不卡页面

        缺点:代码编写复杂

}    

案例:

    一次请求多个异步处理ajax:{
                           
    这样写页面不整洁,逻辑复杂, 
    如果是同步,就会整洁一些
      let banner=$.ajax({url:'js/banner.txt'});
    let nav=$.ajax({url:'js/nav.txt'})
但是这样效果会跟不上,

所以,如果我们想要拥有同步的编写方法,而又可以实现异步效果,就需要用到,promise

下面我直接编写一个完整的promise使用方式,就不一点一点的介绍了

//封装promise函数,方便调用 function promiseAjas(url){ //实例化promise resolve :成功的回调 reject: 失败的回调 return new Promise(function(resolve,reject){ //创建ajax核心对象 let xhr=XMLHttpRequest() //链接请求 传入方法 路径 true:异步 false:同步 xhr.open('get',url,true) //发送请求 xhr.send() //接受 xhr.onreadyStateChange=function(){ //判断接受是否成功 304没有更新缓存 if(this.readyState===4){ if(this.status===200&&this.status<300||this.status===304){ resolve(this.responseText) }else{ reject(error) } } } }) //一起加载异步请求 Promise.all([promiseAjax('js/banner.txt'),promiseAjax('js/nav.txt')]).then(function(response){ console.log(response) },function(){}) }



                





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值