首页 > > 网页制作 > Javascript >

promise的理解和应用

2018-09-05 07:49:49来源：博客园阅读 ()

　　老铁们，我又满血复活了，今天我准备来吹一波我对promise，如有错吴请直接指出，明白了吗？话不多说开始吧

　　首先我们需要知道啥叫promise，我问了问大佬，他说这个东西是异步操作的同步代码(but有兼容问题).

下面我来说说我自己对他的理解：

这个小东西吧还是挺可爱的，来，我们了解了解他

1.它是一个构造函数，使用的时候需要用new实例化

2.他有一个参数，这个参数是一个回调函数，这个回调函数里面又有两个参数，第一个为resolve 第二个为 reject （这里先放一下，我们来上一段代码要不然太抽象了）

　　　　new Promise(function(resolve,reject) {

　　　　 resolve(）

　　　　 }).then(function(){},function(){})

　　　　　　注释：当回调函数里面调用resolve()时，.then会调用第一个函数；当回调函数里面调用reject()时，.then会调用第二个函数

也可以如下面这样写

　　　　　　new Promise(function(resolve,reject) {

　　　　　　 resolve(）

　　　　　　　 }).then(function(){}).cath(function(){})

　注释：这种写法，当回调函数里面调用resolve()时，.then会执行；当回调函数里面调用reject()时，.catch会执行

大佬们可能发现了，那我的resolve和reject是形参啊，可不可以用别的名字，当然可以的啦，不过要注意和回调函数内部的调用名字统一起来

　　 3.Promise.all(arr).then(function(){}) arr为数组

Now，我们来说一说Promise的非常有用的方法之一 all方法，这个方法作用：当all里面数组里的所有异步操作都执行完毕后再去执行.then()；

　　4.Promise.race(arr).then(function(){}) arr为数组

接下来我们来说一说Promise的另一个方法 race方法，这个方法作用：当race里面数组里的异步操作只要有一个执行完毕后就会去执行.then()；

　　5.我自己体会的作用，如有缺失，请立刻联系我，你给我补充，我给你打钱

　　　　Promise作用： 1.解决回调地狱（关于这个地狱问题，我会在随后的随笔中介绍一下）

　　　　　　　　　　　　2.将Ajax获取来的数据和业务逻辑分开

　　　　　　　　　　 2.Promise.all()方法可以解决多个Ajax传回的信息再次组合进行查询

告辞，告辞

************************************************又在成为最会说相声的程序员的路上迈出了具有历史性的一步*******************************************************************

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签