ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

es6基础巩固--Promise

2022-08-01 16:03:13  阅读:109  来源: 互联网

标签:es6 resolve console log -- Promise reject data


什么是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可以以一种非常优雅的方式来解决这个问题。

标签:es6,resolve,console,log,--,Promise,reject,data
来源: https://www.cnblogs.com/lihuamao33/p/16540612.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有