今天我們來自己手寫一個(gè)符合PromiseA+規(guī)范的Promise庫搬泥。大家是不是很激動(dòng)呢小腊？？
????我們都知道蚂子。在現(xiàn)在的前端開發(fā)中，Promise這個(gè)東西基本上所有的開發(fā)中都會(huì)用到缭黔。
????那必然有些萌新就會(huì)問了食茎，Promise到底是個(gè)什么東西呢。
????按照規(guī)范來說馏谨。Promise是異步編程的一種解決方案董瞻，比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大。它由社區(qū)最早提出和實(shí)現(xiàn)田巴，ES6 將其寫進(jìn)了語言標(biāo)準(zhǔn)，統(tǒng)一了用法挟秤，原生提供了Promise對(duì)象壹哺。
????通俗來講。艘刚。這個(gè)東西就是為了解決我們平常的回調(diào)函數(shù)管宵，避免回調(diào)地獄的一種解決方案。所以說這個(gè)東西大家不僅要會(huì)用哦攀甚，還應(yīng)該知道他的一些原理箩朴。so，我們一起來實(shí)現(xiàn)下吧秋度。
接下來我們先看一個(gè)簡(jiǎn)單的Promise炸庞。
????這個(gè)就是es6標(biāo)準(zhǔn)中的Promise。我們可以看到荚斯，其實(shí)Promise就是一個(gè)構(gòu)造函數(shù)埠居。
????這個(gè)構(gòu)造函數(shù)中只有一個(gè)參數(shù)。這個(gè)參數(shù)在Promise/A+規(guī)范中被稱為executor(執(zhí)行者..我覺得叫執(zhí)行器蠻好)事期。
????因?yàn)檫@個(gè)執(zhí)行器是為了執(zhí)行后面的resolve（決定）和reject（拒絕）方法滥壕。呃...其實(shí)你可以把resolve看作是成功，把reject看做失敗兽泣。
????當(dāng)然了我們還可以根據(jù)自己定義的規(guī)則來進(jìn)行Promise中resolve和reject的調(diào)用绎橘，不過這是用法，我們這里就當(dāng)大家會(huì)用了唠倦。称鳞。
????然后我們可以看到，在構(gòu)造函數(shù)的實(shí)例p中還有一個(gè)then方法稠鼻。這里我們就要想了胡岔，既然是構(gòu)造函數(shù)的實(shí)例上哪必然這個(gè)函數(shù)是掛在到這個(gè)構(gòu)造函數(shù)的原型上。
????還有很重要的一點(diǎn)就是我們可以想一下枷餐，在Promise中這個(gè)Promise的當(dāng)前狀態(tài)是一個(gè)問題靶瘸。在A+規(guī)范中規(guī)定：一個(gè)Promise只有三種狀態(tài)苫亦，我們看圖
什么意思呢。怨咪。
????大致的意思就是說屋剑，一個(gè)Promise有且僅有（pending->等待，fulfilled->已執(zhí)行诗眨，rejected->已拒絕）這三種狀態(tài)中的一種（ps:我曾經(jīng)看到過一個(gè)詞->懸而未決用來形容pending也不錯(cuò) ：）唉匾。
? ? 我們知道了這些，接下來我們就來手動(dòng)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的匠楚。
繼續(xù)巍膘。。芋簿。峡懈。
這里我們要說一下，貌似剛才忘說了与斤。肪康。。
????我們通過這張圖來看一下撩穿，當(dāng)目前的狀態(tài)為pending時(shí)磷支。我們可以將pending狀態(tài)改變?yōu)閒ulfilled或者rejected中的一種。然而我們要記住食寡，之前已經(jīng)提到過Promise的狀態(tài)必須是三種之一雾狈。而且，如果一旦成功就不能失敗抵皱，一旦失敗就不能成功箍邮。
接下來我們依據(jù)上面狀態(tài)的描述來繼續(xù)、叨叙、锭弊、
這里當(dāng)我們調(diào)用resolve和reject的時(shí)候我們需要做出狀態(tài)判斷，只有是pending狀態(tài)的時(shí)候才可以改變狀態(tài)為其他兩種的任意一種擂错，如果不是：例如
我們處理完了resolve和reject內(nèi)置的邏輯味滞，這里有一個(gè)問題。在開發(fā)中钮呀，當(dāng)Promise的執(zhí)行遇到錯(cuò)誤時(shí)剑鞍，會(huì)直接變成rejected狀態(tài)，大家應(yīng)該都知道爽醋，也就是下面的處理蚁署。
我們?cè)赑romise的執(zhí)行過程中如果捕獲到異常，就可以直接調(diào)用reject來結(jié)束Promise蚂四。
接下來我們看then方法光戈。
這樣我們就實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的Promise（才沒有哪痰。。久妆。這才哪到哪）晌杰，我們來試下效果吧。
別忘了導(dǎo)出我們的Promise筷弦。肋演。
我們看到下面的輸出結(jié)果，哇＠们佟爹殊！好激動(dòng)有沒有（才沒有激動(dòng)），我也實(shí)現(xiàn)了一個(gè)Promise奸绷！
但是梗夸！有一個(gè)問題，我們是不是弄丟了一個(gè)狀態(tài)健盒？？称簿？
what扣癣？？哪個(gè)憨降？父虑？仔細(xì)想一下好像是‘pending’丟掉了。授药。
so士嚎？那咋辦。
有人可能會(huì)說了悔叽，不是出了成功就是失敗嗎莱衩，為什么會(huì)有等待狀態(tài)呢，我們來思考一下下面的代碼娇澎。
????話說Promise應(yīng)該都是支持異步的吧笨蚁？就像上面的代碼，異步執(zhí)行resolve的時(shí)候我們是不是已經(jīng)吧值給弄丟了趟庄？
????并且我們想一下括细，弄丟這個(gè)值得一段時(shí)間是不是就是等待態(tài)也就是‘pending’的時(shí)候。戚啥。
????所以奋单，我們要怎么處理這個(gè)pending呢？
????我們想一下猫十，在executor中的resolve和reject是不是都會(huì)吧我們傳入的值览濒，傳到then方法的onfulfilled和onrejected中?另外呆盖，我們?cè)趖hen方法中做了對(duì)目前Promise的狀態(tài)的判斷。
????所以我們?cè)趖hen方法中去處理‘pending’狀態(tài)匾七。
? ? 怎么去處理呢絮短？我們可以在Promise中掛載兩個(gè)數(shù)組。
? ? 為什么昨忆？這兩個(gè)數(shù)組的作用是為了記錄pending狀態(tài)下的onfulfilled和onreject函數(shù)丁频。我們來看then中的代碼。
我們可以看到在pending狀態(tài)下邑贴，這兩個(gè)數(shù)組分別記錄了各自對(duì)應(yīng)的then的回調(diào)函數(shù)席里，并且保存起來。
我們來捋一捋思路拢驾。
所以說我們的數(shù)組里存的是一個(gè)一個(gè)的then的回調(diào)函數(shù)奖磁，也就是一個(gè)一個(gè)function。
所以我們要在resolve和reject方法觸發(fā)的時(shí)候繁疤，去便利我們的數(shù)組并且執(zhí)行其中的方法咖为，并且呢還要把我們成功的原因(self.value)和失敗的原因(self.reason)放到我們的回調(diào)方法中去。說了這么多有點(diǎn)繞稠腊。躁染。上代碼
這樣就解決了異步的問題。我們?cè)賮頊y(cè)試一下架忌。
代碼剛開始運(yùn)行吞彤。
2秒后。叹放。饰恕。
這時(shí)我們就拿到了異步的值，是不是很開心＞觥（有點(diǎn)埋嵌，嘿嘿）
再看一下我們寫的全部的代碼：
到這里我們簡(jiǎn)單了解了Promise的一小部分原理，并且實(shí)現(xiàn)了一個(gè)非常簡(jiǎn)單的Promise俱恶。今天就先寫到這里莉恼，在下一章中我們會(huì)繼續(xù)了解Promise中的then方法是如何鏈?zhǔn)秸{(diào)用的，以及鏈?zhǔn)秸{(diào)用中的許多坑速那。俐银。。
好啦端仰，謝謝大家看到這里捶惜。感謝。
更新荔烧。下一篇文章地址為：一步一步實(shí)現(xiàn)一個(gè)符合PromiseA+規(guī)范的Promise庫（2）
再次感謝吱七。
