? 因?yàn)楣緲I(yè)務(wù)面向國企以及傳統(tǒng)企業(yè)往果，所以代碼需要能夠在ie9以上運(yùn)行磷雇，所以在項(xiàng)目中無法用一些新技術(shù)羔砾。比如ES6的Promise魄幕，這個(gè)Promise真的是太好使了相艇，就跟便秘時(shí)使了開塞露一般。由于Promise太好使了纯陨，所以這兩天想著能不能用ES5實(shí)現(xiàn)Promise坛芽。在網(wǎng)上搜到了很多關(guān)于ES5實(shí)現(xiàn)Promise的文章，大部分都是說需要先明白JavaScript的時(shí)間循環(huán)機(jī)制翼抠。正好這塊我以前也不是非常明白咙轩，這次也正好仔細(xì)學(xué)習(xí)一下。
? JavaScript是一種單線程非阻塞的語言阴颖。單線程就是指代碼在執(zhí)行的時(shí)候活喊，只有一個(gè)線程來處理所有任務(wù)。非阻塞則指的是當(dāng)代碼在執(zhí)行一項(xiàng)無法立即返回結(jié)果的任務(wù)時(shí)量愧，就會(huì)先將這個(gè)任務(wù)掛起(pending)钾菊，待到其他這個(gè)任務(wù)返回結(jié)果后再按照一定的規(guī)則進(jìn)行操作帅矗。其實(shí)非阻塞就是用異步操作來完成的。用代碼可以表示成：
console.log(1);
setTimeout(function(){
console.log(2);
},1000);
console.log(3);
? 這段代碼就是一個(gè)用異步操作來實(shí)現(xiàn)非阻塞的例子煞烫。代碼最后執(zhí)行結(jié)果是1 3 2浑此。這段代碼翻譯下來就是：首先在控制臺答應(yīng)1，打印完了之后就會(huì)執(zhí)行setTimeout方法滞详，這個(gè)方法是計(jì)時(shí)1000毫秒凛俱，這個(gè)1000毫秒就表示無法立即返回執(zhí)行的結(jié)果，所以此時(shí)會(huì)將setTimeout方法掛起料饥，掛起后setTimeout就會(huì)自顧自計(jì)時(shí)去了蒲犬。主線程將將setTimeout掛起后就繼續(xù)執(zhí)行后邊的語句去了，所以會(huì)在控制臺打印3“斗龋現(xiàn)在主線程上的任務(wù)都已經(jīng)處理完了暖哨，待setTimeout計(jì)完時(shí)，就是執(zhí)行其回調(diào)函數(shù)凰狞，也就是在控制臺打印2。
? 說回JavaScript的事件循環(huán)沛慢。JavaScript執(zhí)行方法的時(shí)候赡若，會(huì)生成一個(gè)執(zhí)行環(huán)境，這個(gè)環(huán)境滿足了執(zhí)行這個(gè)方法的條件团甲。當(dāng)遇到一系列的方法后逾冬，就會(huì)將遇到的方法，依次添加到執(zhí)行棧躺苦。當(dāng)JavaScript第一次執(zhí)行時(shí)身腻，主線程會(huì)將所有的同步代碼按照執(zhí)行順序添加到執(zhí)行棧中。當(dāng)遇到的這個(gè)代碼是個(gè)方法時(shí)匹厘，就會(huì)將這個(gè)方法的執(zhí)行環(huán)境添加到執(zhí)行棧中嘀趟，然后進(jìn)入這個(gè)執(zhí)行環(huán)境，執(zhí)行方法中的所有代碼愈诚。執(zhí)行完了之后就會(huì)退出這個(gè)執(zhí)行環(huán)境并銷毀這個(gè)環(huán)境她按，然后就繼續(xù)執(zhí)行執(zhí)行棧中的下一個(gè)語句。當(dāng)主線程執(zhí)行代碼時(shí)遇到一個(gè)異步代碼時(shí)炕柔，就會(huì)將其掛起酌泰，期間繼續(xù)執(zhí)行執(zhí)行棧中的語句。當(dāng)這個(gè)掛起的方法執(zhí)行結(jié)束之后匕累，結(jié)束后的方法并不會(huì)立即添加到當(dāng)前的執(zhí)行棧中陵刹，而是將這個(gè)方法添加到了事件列表中，當(dāng)執(zhí)行棧中的代碼全部執(zhí)行完了之后欢嘿，主線程就會(huì)去事件列表里執(zhí)行里邊已經(jīng)有的方法衰琐。
console.log(1);
setTimeout(function(){
console.log(2000);
},2000);
setTimeout(function(){
console.log(1000);
},1000);
console.log(3);
上邊這段代碼執(zhí)行時(shí)也糊，會(huì)先將console.log(1)添加到執(zhí)行棧，然后就遇到了第一個(gè)setTimeout碘耳，這是一個(gè)異步操作显设，所以將其掛起執(zhí)行，掛起后主線程就繼續(xù)往下執(zhí)行辛辨，又是一個(gè)異步操作捕捂，所以繼續(xù)掛起執(zhí)行，然后主線程繼續(xù)執(zhí)行斗搞，這會(huì)不是異步操作指攒，所以將這個(gè)console.log(3)添加到執(zhí)行棧。暫時(shí)先不管執(zhí)行棧里的代碼有沒有執(zhí)行僻焚，先看看之前掛起的兩個(gè)方法允悦，計(jì)時(shí)時(shí)間為1000毫秒的當(dāng)然先執(zhí)行完，這個(gè)時(shí)候就將其回調(diào)函數(shù)添加進(jìn)事件列表虑啤，等待執(zhí)行隙弛。然后計(jì)時(shí)2000毫秒的也計(jì)完時(shí)了，他的回調(diào)函數(shù)也就進(jìn)入了事件列表狞山。上邊也說了全闷，主線程會(huì)在將執(zhí)行棧里的代碼全部執(zhí)行完了之后再去執(zhí)行事件列表里的代碼。所以會(huì)先在控制臺打印1 3萍启，這時(shí)執(zhí)行棧里的代碼就全部執(zhí)行完了总珠，然后主線程就去執(zhí)行事件列表里的代碼。這時(shí)就會(huì)先將事件列表里的第一個(gè)代碼放到執(zhí)行棧里勘纯，再將第二個(gè)代碼放進(jìn)執(zhí)行棧局服。所以就先后打印出1000和2000。如果回調(diào)里套異步驳遵，異步的回調(diào)里套異步淫奔。這時(shí)候主線程就會(huì)在執(zhí)行棧和時(shí)間列表一直跑，從而形成了一個(gè)循環(huán)超埋，這就是事件循環(huán)機(jī)制了搏讶。
? 事件循環(huán)機(jī)制就是這樣。以上文字供我自己之后參考霍殴，摻雜大量個(gè)人理解和口語化表達(dá)媒惕，難免和官方有所偏差，一切以官方或大佬為準(zhǔn)来庭。
