promise

基本概念

1 .then方法返回的是另一个新的Promise实例,所以可以使用链式写法。
2 .不要在then的方法里面定义reject的回调函数,即then的第二个参数,总是使用catch方法。

promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });
//catch方法可以不获前面then方法执行中的错误,如果没有使用catch方法指定错误的回掉函数,promise对象抛出的错误是不会传递到外层代码,也就是会吃掉错误代码

//catch方法返回的还是一个promise对象,因此后面还可以接着调用then方法

自带函数

1 .promise.all():这是一个并行promise,也就是同一时间执行许多的异步操作,所有都执行成功会返回成功,其中一个reject,此时第一个reject的实例的返回值,会传递给p的回掉函数。并不是想像的串行函数,一个一个的值依赖着

顺序调用promise

1 .关键是中间出现reject状态,这个循环可以退出,或者再次请求么?好像不可以啊。。。那这个好像没用啊
2 .reject状态可以获取到了。
3 .再次请求刚才失败的函数,失败的情况再次请求几次,如果成功的情况下继续下面的请求
4 .现在知道了前面的进行到的地方,也知道了出错的地方。先处理错误的地方,多次请求,看这个走不走得通
5 .错误的地方使用节流函数进行请求,总共请求x次,在100ms内,因为超过这些个条件就可以认为这个操作是失败的,整个链一定走不通
6 .节流函数每次都会返回一个timer id,是没办法知道每一次的运算结果的(主要是复用的之前的函数,没法修改那个函数),没法获取到promise的返回值,所以想在这个地方引入全局变量,我只需要改变全局变量即可。https://www.jianshu.com/writer#/notebooks/31190174/notes/37191242/preview,全局变量的优势和劣势
7 .使用类似vuex的全局状态管理,这样就很方便管理了。具体要看下node端有没有这种的工具
8 .我顶你个肺,人家有自己的专业写法。。。这个官方文档在搞事情啊。。不过错误请求那一部分原来的是没有的
9 .错误的部分持续运行,如果返回了正确的值,把返回正确的值传到函数里面,新开一个promise链
10 .如果一直是错的话,那么就返回整体的错误。

function runPromiseInSequence(arr, input) {
    return arr.reduce(
      (promiseChain, currentFunction) =>{ return promiseChain.then(currentFunction,(error)=>{
          console.log('错误了')
          console.log(currentFunction)
          //现在错误的地方   
          console.log(promiseChain)
          //之前的值
          return '-1'
      })},
       Promise.resolve(input)
       //这个是初始值,第一个promise函数    
    );
  }
//第一阶段的代码

//第二阶段:反复进行报错函数的请求,如果出现正确返回则保存结果,停止请求,如果一直运行错误的话,就返回错误的返回
//关键是节流函数和这个结合的不是太好
// 首先是setInterval执行防抖函数,之前只是管函数的执行,从来不管每个函数的返回值是什么,也不管怎么根据每一次返回的值确定下一次是否还循环这个函数。

//其次是每一次的setInterval都会改变那个值,怎么停止自己的定时器,还有要把这个函数包装成一个promise语法结构,就更是难存储数据结构
let status=null;
let statusValue=null;
//如果是数量多了的话,管理起来很麻烦


function p1(a) {
    return new Promise((resolve, reject) => {
      resolve(a * 1);
    });
  }
  
  // promise function 2
function p2(a) {
    return new Promise((resolve, reject) => {
     reject('sdf')
    });
  }
  
  // function 3  - will be wrapped in a resolved promise by .then()
  function f3(a) {
   return a * 1;
  }
  
  // promise function 4
  function p4(a) {
    return new Promise((resolve, reject) => {
      resolve(a * 1);
    });
  }

const promiseArr = [p1, p2, f3, p4];
function runPromiseInSequence(arr, input) {
    return arr.reduce(
      (promiseChain, currentFunction) =>{ return promiseChain.then(currentFunction,(error)=>{
          console.log('错误了')
          console.log(currentFunction)
          //现在错误的地方   
          console.log(promiseChain)
          //之前的值
          return '-1'
      })},
       Promise.resolve(input)
       //这个是初始值,第一个promise函数    
    );
  }

// runPromiseInSequence(promiseArr, 10)
//   .then(console.log);

//节流函数的思想,一共请求count次,在time时间内,如果这些个请求都失败的话,那么就返回失败。
//这个地方还要在想一下
function throttle(fn,gaptime){
    let _lastTime=null;
    let isTrue=false;
    return function(){
        if(!isTrue){
            let _nowTime= +new Date()
            if(_nowTime-_lastTime>gaptime || !_lastTime){
                _lastTime=_nowTime
                fn.then(
                    (value)=>{
                        isTrue=true
                        console.log('hahah')
                        console.log(isTrue)
                        status=true
                        statusValue=value
                    },
                    (error)=>{
                        console.log('error')
                })
            }else{
                console.log('正在控制函数触发次数')
                return false
            }
        }else{
            return false;
        }

        
    }
}

function runOnePromise(fn,count,time){
    let timer;
    return new Promise(function(resolve,reject){ 
        timer=setInterval(throttle(fn,10000),1000)
        setTimeout(function(){
            clearInterval(timer)
            if(status){
                console.log(status)
                resolve({
                    "status":'ok',
                    "value":statusValue
                })
            }else{
                reject('error')
            }
        },10000)
    })
    
}
runOnePromise(p2(2)).then((a)=>{
    console.log(a)
},(error)=>{
    console.log('-----')
    console.log('error')
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,753评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,668评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,090评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,010评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,054评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,806评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,484评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,380评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,873评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,021评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,158评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,838评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,499评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,044评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,159评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,449评论 3 374
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,136评论 2 356

推荐阅读更多精彩内容

  • title: promise总结 总结在前 前言 下文类似 Promise#then、Promise#resolv...
    JyLie阅读 12,252评论 1 21
  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,707评论 1 56
  • 一、Promise的含义 Promise在JavaScript语言中早有实现,ES6将其写进了语言标准,统一了用法...
    Alex灌汤猫阅读 826评论 0 2
  • 本文适用的读者 本文写给有一定Promise使用经验的人,如果你还没有使用过Promise,这篇文章可能不适合你,...
    HZ充电大喵阅读 7,311评论 6 19
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 11,026评论 26 95