let PENDING = "PENDING";
let FULFILLED = "FULFILLED";
let REJECTED = "REJECTED";
class MyPromise{
constructor(callback){
//判斷傳入promise的參數(shù)是不是函數(shù)類(lèi)型
if(typeof callback !== "function"){
console.error("argument is not a function!")
return new Error("argument is not a function!")
}
//初始化promise的狀態(tài)
this.status = PENDING;
//定義返回值
this.res;
//then回調(diào)函數(shù)的隊(duì)列
this._fulfilledQueues = [];
this._rejectedQueues = [];
callback(this._resolve.bind(this), this._reject.bind(this))
}
//定義傳入callback函數(shù)的resolve函數(shù)(更合理的應(yīng)該是_resolve和_reject方法定義在constructor里毫炉,因?yàn)閜romise實(shí)例沒(méi)有這兩個(gè)方法)
_resolve(param){
//加上狀態(tài)的判斷是因?yàn)閜romise的狀態(tài)一旦更改,就不會(huì)改變這個(gè)特性首昔,為了避免用戶(hù)多次調(diào)用resolve/reject函數(shù)造成的狀態(tài)更改
if(this.status !== PENDING){
return;
}
//更改promise實(shí)例的狀態(tài)為成功resolve
this.status = FULFILLED;
this.res = param;
//狀態(tài)改變仑最,調(diào)用隊(duì)列中的函數(shù)
this._fulfilledQueues.forEach((fn, index) => {
fn(this.res)
})
}
_reject(err){
//加上狀態(tài)的判斷是因?yàn)閜romise的狀態(tài)一旦更改雁歌,就不會(huì)改變這個(gè)特性,為了避免用戶(hù)多次調(diào)用resolve/reject函數(shù)造成的狀態(tài)更改
if(this.status !== PENDING){
return;
}
this.status = REJECTED;
this.res = new Error(err)
//狀態(tài)改變,調(diào)用then中的函數(shù)
this._rejectedQueues.forEach((fn, index) => {
fn(this.res)
})
}
//then方法
then(onFulfilled, onRejected){
//從實(shí)例中取出promise對(duì)象的當(dāng)前狀態(tài)
const {status, res} = this;
switch(status) {
case PENDING : //將then方法的函數(shù)加入隊(duì)列(狀態(tài)還處在pending狀態(tài)掖肋,只有在狀態(tài)改變后,才會(huì)從隊(duì)列中取出函數(shù)進(jìn)行調(diào)用赏参,現(xiàn)在先進(jìn)行存儲(chǔ))
this._fulfilledQueues.push(onFulfilled)
this._rejectedQueues.push(onRejected)
break;
case FULFILLED ://執(zhí)行當(dāng)前then傳入的成功回調(diào)函數(shù)(因?yàn)闋顟B(tài)已經(jīng)確定志笼,所以立馬執(zhí)行函數(shù))
onFulfilled(res)
break;
case REJECTED : //執(zhí)行當(dāng)前then傳入的失敗回調(diào)函數(shù)(因?yàn)闋顟B(tài)已經(jīng)確定,所以立馬執(zhí)行函數(shù))
onRejected(res)
break;
}
//返回新promise對(duì)象把篓,以便可以鏈?zhǔn)秸{(diào)用then方法
//注意纫溃,不太懂onFulfilledNext, onRejectedNext
return new MyPromise((onFulfilledNext, onRejectedNext)=>{})
}
}
promise的簡(jiǎn)單實(shí)現(xiàn)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)雇卷,“玉大人鬓椭,你說(shuō)我怎么就攤上這事颠猴。” “怎么了小染?”我有些...
- 文/不壞的土叔 我叫張陵翘瓮,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我氧映,道長(zhǎng)春畔,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任岛都,我火速辦了婚禮律姨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘臼疫。我一直安慰自己择份,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布烫堤。 她就那樣靜靜地躺著荣赶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鸽斟。 梳的紋絲不亂的頭發(fā)上拔创,一...
- 那天,我揣著相機(jī)與錄音富蓄,去河邊找鬼剩燥。 笑死,一個(gè)胖子當(dāng)著我的面吹牛立倍,可吹牛的內(nèi)容都是我干的灭红。 我是一名探鬼主播,決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼口注,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼变擒!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起寝志,我...
- 序言:老撾萬(wàn)榮一對(duì)情侶失蹤娇斑,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后材部,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體悠菜,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年败富,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片摩窃。...
- 正文 年R本政府宣布,位于F島的核電站泽本,受9級(jí)特大地震影響淘太,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜规丽,卻給世界環(huán)境...
- 文/蒙蒙 一蒲牧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧赌莺,春花似錦冰抢、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至巢音,卻和暖如春遵倦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背官撼。 一陣腳步聲響...
- 正文 我出身青樓主儡,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親隐圾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子邓夕,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 執(zhí)行結(jié)果: 改版一 結(jié)果值: Promise.catch Promise.all參數(shù):接受一個(gè)數(shù)組,數(shù)組內(nèi)都是Pr...
- MyPromise的簡(jiǎn)單偽實(shí)現(xiàn) Promise對(duì)象表示一個(gè)異步操作的最終結(jié)果顷链,用來(lái)傳遞異步傳輸?shù)臄?shù)據(jù)目代。實(shí)現(xiàn)Prom...
- 對(duì)之前寫(xiě)的promise介紹進(jìn)行補(bǔ)充,借助有限狀態(tài)機(jī)來(lái)將狀態(tài)對(duì)象和主題對(duì)象進(jìn)行分離嗤练,對(duì)狀體的變化邏輯進(jìn)行單獨(dú)處理榛了。...
- 隨著ES6的出現(xiàn),Promise成為標(biāo)準(zhǔn)煞抬,平時(shí)使用的次數(shù)也增加霜大。但是Promise的原理是什么,如何實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用革答。...
- 通過(guò)實(shí)現(xiàn)Promise战坤,更好地理解Promise曙强,歡迎有問(wèn)題的同學(xué)評(píng)論 下一篇文章我將實(shí)現(xiàn)Promise比較關(guān)鍵的...