微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

es6基础巩固--Promise

什么是Promise?

Promise是异步编程的一种解决方案。

什么时候会来处理异步事件,一种较常见场景就是网络请求。

当进行封装一个网络请求的函数时,因为不能立即拿到结果所以不能像3+4=7一样将结果返回,所以往往我们会传入另一个函数,在数据请求成功时将数据通过传入的函数回调出去,如果只是一个简单的网络请求,这种方案不会给我们带来很大的麻烦。

但是当网络请求非常复杂时,就会出现回调地狱。

例如这个场景

我们需要通过一个url1从服务器加载一个数据data1,data1中包含了下一个请求的url2;

我们需要通过data1取出url2,从服务器加载数据data2,data2中包含了下一个请求的url2;

我们需要通过data2取出url3,从服务器加载数据data3,data3中包含了下一个请求的url4;

发送网络请求url4,获取最终的数据data4

使用ajax实现:
$ajax('url1',function (data1) {
  $ajax(data1['url2'], function(data2) {
    $ajax(data2['url3'], function(data3) {
      $ajax(data3['url4'], function(data4) {
        console.log(data4);
      })
    })
  })
})

上面的解决方法比较难看且不易维护,若两个请求之间隔了很长其他的代码会更乱,而Promise可以以一种非常优雅的方式来解决这个问题。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐