基本概念
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')
})