promise

基本概念

1 .then方法返回的是另一個(gè)新的Promise實(shí)例芭概,所以可以使用鏈?zhǔn)綄?xiě)法塞淹。
2 .不要在then的方法里面定義reject的回調(diào)函數(shù)剪菱,即then的第二個(gè)參數(shù)耙饰,總是使用catch方法纹笼。

promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });
//catch方法可以不獲前面then方法執(zhí)行中的錯(cuò)誤,如果沒(méi)有使用catch方法指定錯(cuò)誤的回掉函數(shù)苟跪,promise對(duì)象拋出的錯(cuò)誤是不會(huì)傳遞到外層代碼廷痘,也就是會(huì)吃掉錯(cuò)誤代碼

//catch方法返回的還是一個(gè)promise對(duì)象,因此后面還可以接著調(diào)用then方法

自帶函數(shù)

1 .promise.all():這是一個(gè)并行promise,也就是同一時(shí)間執(zhí)行許多的異步操作件已,所有都執(zhí)行成功會(huì)返回成功笋额,其中一個(gè)reject,此時(shí)第一個(gè)reject的實(shí)例的返回值,會(huì)傳遞給p的回掉函數(shù)篷扩。并不是想像的串行函數(shù)兄猩,一個(gè)一個(gè)的值依賴著

順序調(diào)用promise

1 .關(guān)鍵是中間出現(xiàn)reject狀態(tài),這個(gè)循環(huán)可以退出,或者再次請(qǐng)求么枢冤?好像不可以啊鸠姨。。淹真。那這個(gè)好像沒(méi)用啊
2 .reject狀態(tài)可以獲取到了讶迁。
3 .再次請(qǐng)求剛才失敗的函數(shù),失敗的情況再次請(qǐng)求幾次核蘸,如果成功的情況下繼續(xù)下面的請(qǐng)求
4 .現(xiàn)在知道了前面的進(jìn)行到的地方巍糯,也知道了出錯(cuò)的地方。先處理錯(cuò)誤的地方客扎,多次請(qǐng)求鳞贷,看這個(gè)走不走得通
5 .錯(cuò)誤的地方使用節(jié)流函數(shù)進(jìn)行請(qǐng)求,總共請(qǐng)求x次虐唠,在100ms內(nèi)搀愧,因?yàn)槌^(guò)這些個(gè)條件就可以認(rèn)為這個(gè)操作是失敗的,整個(gè)鏈一定走不通
6 .節(jié)流函數(shù)每次都會(huì)返回一個(gè)timer id疆偿,是沒(méi)辦法知道每一次的運(yùn)算結(jié)果的(主要是復(fù)用的之前的函數(shù)咱筛,沒(méi)法修改那個(gè)函數(shù)),沒(méi)法獲取到promise的返回值杆故,所以想在這個(gè)地方引入全局變量迅箩,我只需要改變?nèi)肿兞考纯伞?a href="http://www.reibang.com/writer#/notebooks/31190174/notes/37191242/preview" target="_blank">http://www.reibang.com/writer#/notebooks/31190174/notes/37191242/preview,全局變量的優(yōu)勢(shì)和劣勢(shì)
7 .使用類(lèi)似vuex的全局狀態(tài)管理处铛,這樣就很方便管理了饲趋。具體要看下node端有沒(méi)有這種的工具
8 .我頂你個(gè)肺,人家有自己的專業(yè)寫(xiě)法撤蟆。奕塑。。這個(gè)官方文檔在搞事情啊家肯。龄砰。不過(guò)錯(cuò)誤請(qǐng)求那一部分原來(lái)的是沒(méi)有的
9 .錯(cuò)誤的部分持續(xù)運(yùn)行,如果返回了正確的值讨衣,把返回正確的值傳到函數(shù)里面换棚,新開(kāi)一個(gè)promise鏈
10 .如果一直是錯(cuò)的話,那么就返回整體的錯(cuò)誤反镇。

function runPromiseInSequence(arr, input) {
    return arr.reduce(
      (promiseChain, currentFunction) =>{ return promiseChain.then(currentFunction,(error)=>{
          console.log('錯(cuò)誤了')
          console.log(currentFunction)
          //現(xiàn)在錯(cuò)誤的地方   
          console.log(promiseChain)
          //之前的值
          return '-1'
      })},
       Promise.resolve(input)
       //這個(gè)是初始值固蚤,第一個(gè)promise函數(shù)    
    );
  }
//第一階段的代碼

//第二階段:反復(fù)進(jìn)行報(bào)錯(cuò)函數(shù)的請(qǐng)求,如果出現(xiàn)正確返回則保存結(jié)果歹茶,停止請(qǐng)求夕玩,如果一直運(yùn)行錯(cuò)誤的話你弦,就返回錯(cuò)誤的返回
//關(guān)鍵是節(jié)流函數(shù)和這個(gè)結(jié)合的不是太好
// 首先是setInterval執(zhí)行防抖函數(shù),之前只是管函數(shù)的執(zhí)行风秤,從來(lái)不管每個(gè)函數(shù)的返回值是什么鳖目,也不管怎么根據(jù)每一次返回的值確定下一次是否還循環(huán)這個(gè)函數(shù)扮叨。

//其次是每一次的setInterval都會(huì)改變那個(gè)值缤弦,怎么停止自己的定時(shí)器,還有要把這個(gè)函數(shù)包裝成一個(gè)promise語(yǔ)法結(jié)構(gòu)彻磁,就更是難存儲(chǔ)數(shù)據(jù)結(jié)構(gòu)
let status=null;
let statusValue=null;
//如果是數(shù)量多了的話碍沐,管理起來(lái)很麻煩


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('錯(cuò)誤了')
          console.log(currentFunction)
          //現(xiàn)在錯(cuò)誤的地方   
          console.log(promiseChain)
          //之前的值
          return '-1'
      })},
       Promise.resolve(input)
       //這個(gè)是初始值,第一個(gè)promise函數(shù)    
    );
  }

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

//節(jié)流函數(shù)的思想衷蜓,一共請(qǐng)求count次累提,在time時(shí)間內(nèi),如果這些個(gè)請(qǐng)求都失敗的話磁浇,那么就返回失敗斋陪。
//這個(gè)地方還要在想一下
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('正在控制函數(shù)觸發(fā)次數(shù)')
                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')
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市置吓,隨后出現(xiàn)的幾起案子无虚,更是在濱河造成了極大的恐慌,老刑警劉巖衍锚,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件友题,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡戴质,警方通過(guò)查閱死者的電腦和手機(jī)度宦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)告匠,“玉大人戈抄,你說(shuō)我怎么就攤上這事『笞ǎ” “怎么了呛凶?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)行贪。 經(jīng)常有香客問(wèn)我漾稀,道長(zhǎng),這世上最難降的妖魔是什么建瘫? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任崭捍,我火速辦了婚禮,結(jié)果婚禮上啰脚,老公的妹妹穿的比我還像新娘殷蛇。我一直安慰自己实夹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布粒梦。 她就那樣靜靜地躺著亮航,像睡著了一般。 火紅的嫁衣襯著肌膚如雪匀们。 梳的紋絲不亂的頭發(fā)上缴淋,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音泄朴,去河邊找鬼重抖。 笑死,一個(gè)胖子當(dāng)著我的面吹牛祖灰,可吹牛的內(nèi)容都是我干的钟沛。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼局扶,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼恨统!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起三妈,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤畜埋,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后沈跨,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體由捎,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年饿凛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了狞玛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡涧窒,死狀恐怖心肪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情纠吴,我是刑警寧澤硬鞍,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站戴已,受9級(jí)特大地震影響固该,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜糖儡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一伐坏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧握联,春花似錦桦沉、人聲如沸每瞒。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)剿骨。三九已至,卻和暖如春埠褪,著一層夾襖步出監(jiān)牢的瞬間浓利,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工组橄, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荞膘,地道東北人罚随。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓玉工,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親淘菩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子遵班,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • title: promise總結(jié) 總結(jié)在前 前言 下文類(lèi)似 Promise#then、Promise#resolv...
    JyLie閱讀 12,228評(píng)論 1 21
  • Promise 對(duì)象 Promise 的含義 Promise 是異步編程的一種解決方案潮改,比傳統(tǒng)的解決方案——回調(diào)函...
    neromous閱讀 8,702評(píng)論 1 56
  • 一狭郑、Promise的含義 Promise在JavaScript語(yǔ)言中早有實(shí)現(xiàn),ES6將其寫(xiě)進(jìn)了語(yǔ)言標(biāo)準(zhǔn)汇在,統(tǒng)一了用法...
    Alex灌湯貓閱讀 820評(píng)論 0 2
  • 本文適用的讀者 本文寫(xiě)給有一定Promise使用經(jīng)驗(yàn)的人翰萨,如果你還沒(méi)有使用過(guò)Promise,這篇文章可能不適合你糕殉,...
    HZ充電大喵閱讀 7,299評(píng)論 6 19
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持亩鬼,譯者再次奉上一點(diǎn)點(diǎn)福利:阿里云產(chǎn)品券,享受所有官網(wǎng)優(yōu)惠阿蝶,并抽取幸運(yùn)大...
    HetfieldJoe閱讀 11,025評(píng)論 26 95