鍓嶈█锛氬湪涓婁竴绡囨枃绔犱腑锛屾垜浠煡閬撲簡鈥滃洖璋冨湴鐙扁€濇槸鎬庝箞鏉ョ殑銆傚苟鎴愬姛浠嬬粛浜哖romise鐨勬牳蹇冪煡璇嗐€傜銆婃墜鍐?Promise銆嬪張杩戜簡涓€姝ワ紝浣嗘槸鎴戜滑杩橀渶瑕佷簡瑙ｆ洿娣卞眰娆＄殑姒傚康-----瀹忚浠诲姟鍜屽井瑙備换鍔★紝鎵嶈兘缁х画璁茶В銆傞潪甯稿笇鏈涘ぇ瀹跺湪鐪嬪畬鍓嶇疆浠诲姟锛?/3锛塉S浠ｇ爜杩愯鏈哄埗鍚庤兘璇绘噦杩欑瘒鏂囩珷锛屽姞娣卞鍥炶皟鍑芥暟鐨勭悊瑙ｆ墜鍐欍€婂洖璋冨湴鐙便€嬫垜姣忕瘒鍗氭枃鐨勫嚭鍙戠偣鏄細鎴戞槸閽堝鍒濆鑰呮槸鏉ヨ瑙ｇ殑锛屾墍浠ユ垜鍦ㄨ瑙ｄ竴浜涚煡璇嗙偣鐨勬椂鍊欙紝涓嶄細鍐欎竴浜涢珮娣辩殑璇濇潵鍑告樉鑷繁鐨勬按骞筹紝鑰屾槸浼氳锛氣€滃鏋滄垜鏄垵瀛﹁€咃紝濡傛灉鏈変汉鍛婅瘔鎴戣繖涓澶氬ソ~鈥濊繖涔熸槸璐规浖瀵瑰涔犳柟娉曠殑鐪嬫硶銆侾romise鍦ㄥ疄闄呭紑鍙戣繃绋嬩腑100%鏈€甯哥敤锛屾墍浠ュ鏋滀綘鏄负浜嗘壘宸ヤ綔鑰屽涔犵殑璇濓紝甯屾湜浣犺兘鐪嬫噦杩欎簺鏂囩珷鐨勫唴瀹癸紝鐪熷績甯屾湜澶у鑳藉湪鎴戠殑鍗氭枃涓湅鎳傚埌鏌愪簨銆傪煄?hr/>1.鍋氫竴涓紨绀烘潵鐑韩銆傚埆鐫€鎬ワ紝鎴戜滑鍏堝涔犱竴涓嬨€備箣鍓嶈JS浠ｇ爜杩愯鏈哄埗鐨勬椂鍊欙紝鎴戜滑澶ф鐭ラ亾setTimeout浼氬皢鑷繁鐨勫弬鏁帮紝涔熷氨鏄紶鍏ョ殑鍥炶皟鍑芥暟锛屽帇鍏ヤ竴涓换鍔￠槦鍒楋紝鐒跺悗绛夊緟涓荤嚎绋嬫墽琛屽畬姣曪紝鍐嶅皢浠ｇ爜鍘嬪叆浠诲姟闃熷垪杩涘叆涓荤嚎绋嬫墽琛屻€傝€岃繖涓繃绋嬩細鏃犻檺寰幆锛屾垜浠О涔嬩负鈥滀簨浠跺惊鐜€濄€備笅闈㈢殑浠ｇ爜锛岀浉淇′綘宸茬粡鐭ラ亾涓轰粈涔堜簡銆俹k锛屾垜浠幇鍦ㄧ湅涓嬩竴娈典唬鐮併€傛兂鎯崇湅锛屼綘鎬庝箞鐪嬶紵缁撴灉濡備笅锛氭劅瑙変笉鍑哄樊鍒紝杩欏皬瀛愭按骞充笉閿檦馃憦鐪嬩笉鎳備篃涓嶇敤鐫€鎬ワ紝鎴戞潵瑙ｉ噴涓€涓嬪師鍥犮€傞鍏堬紝setTimout('1')鐨勮緭鍑哄繀椤绘斁鍏ヤ换鍔￠槦鍒楋紝鎵€浠onsole.log('3')3鐨勮緭鍑虹粨鏋滃繀椤诲湪1涔嬪墠锛岀浉淇″ぇ瀹朵竴瀹氱煡閬撳師鍥犮€傚叧閿槸涓轰粈涔圥romise涓繖閲岀殑2浼氬厛杈撳嚭銆備笅闈㈠氨涓嶅啓绠ご鍑芥暟浜嗭紝鎬曠澶村嚱鏁拌鍒濆鑰呭緢闅剧湅鍑鸿繖鍙槸涓€涓嚱鏁般€傛病閿欙紝瀹冪湡鐨勫彧鏄竴涓櫘閫氱殑鍑芥暟銆傚鏋滀綘鐔熸倝Class锛屽叾瀹炴槸杩欐牱鍐欑殑銆傚啀寮鸿皟涓€娆★紝杩欎釜鈥滄墽琛岃€呪€濇瀯閫犲嚱鏁板彧鏄竴涓櫘閫氱殑鍑芥暟锛屼粎姝よ€屽凡锛屼笉鏄叧閿瓧锛侊紒锛佹槸涓€涓嚱鏁般€傚綋杩欎釜鍑芥暟浣滀负Promise绫荤殑鍙傛暟鏃讹紝浼氬湪Promise绫荤殑鏋勯€犲嚱鏁颁腑绔嬪嵆琚皟鐢ㄣ€傚洜姝ゆ垜浠彲浠ュ緱鍑虹粨璁猴紝浼犻€掔粰Promise绫荤殑鍥炶皟鍑芥暟灏嗙珛鍗虫墽琛屻€傚畠娌℃湁琚帹鍏ヤ换鍔￠槦鍒椼€傚張鍥犱负鏄湪console.log(3)涔嬪墠鍐欑殑锛屾寜鐓ф垜浠殑JS浠ｇ爜鏄粠涓婂線涓嬫墽琛岀殑鍘熷垯锛岃嚜鐒剁粨鏋滃氨鏄?->3->1銆備綘鏄笉鏄寰楀緢绠€鍗曪紵璁╂垜浠瀹冩洿闅句竴鐐癸紝鐪嬬湅涓嬮潰鐨勪竴娈典唬鐮併€備笉瑕佸彧鑰冭檻缁撴灉锛屾兂鎯虫帶鍒跺彴浼氭槸浠€涔堟牱瀛愶紵闄岀敓鎰燂紵鎴戜滑2鍘诲摢鍎夸簡锛熷鏋滀綘涓嶇煡閬撹繖浜涳紝甯屾湜浣犲厛鍥炲幓鐪嬬湅涔嬪墠鐨勬枃绔犫€斺€旀墜鍐欍€婂洖璋冨湴鐙便€嬶紝鍐嶇户缁笅闈㈢殑瀛︿範銆備粠涓婁竴绔犳垜浠叾瀹炵煡閬擄紝濡傛灉鎴戜滑瑕佽幏鍙朠romise淇濆瓨鐨勬暟鎹苟resolve锛岄渶瑕佸湪Promise瀹炰緥鐨則hen鏂规硶涓幏鍙栥€傜敱姝ゅ彲瑙侊紝瑕佸緱鍒版暟瀛?锛岄渶瑕佹寜鐓т笅闈㈢殑鍐欐硶锛岄偅涔堥棶棰樻潵浜嗭紝鎺ヤ笅鏉ョ殑杈撳嚭椤哄簭鏄粈涔堝憿锛熻鎴戜滑鎵撳嵃鍑烘潵锛氬彂鐢熶簡浠€涔堜簨锛熶负浠€涔堥『搴忓張鍙樹簡锛燄煠?銆傚畯浠诲姟鍜屽井浠诲姟锛圡acroTask&MicroTask锛夌殑setTimout鐨勫洖璋冨嚱鏁颁細鏀惧湪浠诲姟闃熷垪閲屽惂锛熸垜浠兘鐭ラ亾锛屼换鍔￠槦鍒椾腑鐨勪换鍔′細涔栦箹鎺掗槦锛岀瓑寰呬富绾跨▼鑰佸ぇ鎵ц瀹屾墠杩涘叆涓荤嚎绋嬫墽琛屻€傞噸鐐规潵浜嗭紒杩欓噷鏈夊澶磋～锛侊紒娌￠敊锛屽氨鏄垜浠殑寰换鍔￠槦鍒椼€傛病閿欙紝JS涓叾瀹炶繕鏈変竴涓换鍔￠槦鍒?--MicroTask銆傛垜浠殑setTimout鍥炶皟鍑芥暟瀹為檯涓婅鏀惧叆浜嗕竴涓О涓哄畯浠诲姟鐨勯槦鍒椾腑銆備负浠€涔堟湁涓や釜闃熷垪锛熷叾瀹炲緢濂界悊瑙ｃ€傝鎴戜滑鍋囪涓€涓満鏅€傛垜浠幓椁愰鍚冩櫄楗惂銆傛垜浠€绘槸鍏堢偣濂借彍锛岀劧鍚庣粰鏈嶅姟鍛樹竴浠借彍鍗曪紝閲岄潰鏈夊ソ鍑犻亾鑿溿€傛渶濂借鏈嶅姟鍛橀€佸埌鍘ㄦ埧鍚э紵鐜板湪鏈夎叮鐨勪竴鐐规潵浜嗐€傚ぇ鍘煈ㄢ€嶐煃虫嬁鍒拌彍鍗曞悗锛岀湅鐫€銆婂湡璞嗙倴鐗涜倝銆嬨€併€婄孩鐑ц倝銆嬨€併€婇浮铔嬫堡銆嬨€傛劅瑙夊鏋滄槸姝ｅ父鐨勫帹甯堬紝浠栦細鍚堢悊瀹夋帓鍋氳彍鐨勯『搴忋€傗€滄垜涓嶅彲鑳界湅绗竴琛屻€婂湡鍦扮倴鐗涜倝銆嬨€傛垜浠€鑷充笉鐪嬪叾浣欑殑銆傛垜蹇呴』鍏堝仛杩欓亾鑿滐紝鐒跺悗鎵嶈兘鍋氫笅涓€閬撹彍銆傗€濈粨鏋滅涓€閬撹彍鐢ㄤ簡50澶氬垎閽燂紝瀹汉绛変簡50鍒嗛挓銆傚垎閽熴€傝繖鏃跺€欐妸銆婂湡鍦扮倴鐗涜倝銆嬪紑楂樺帇閿呮斁鍒板畯浠诲姟闃熷垪閲岋紝鐒跺悗鎶娿€婇浮铔嬫堡銆嬪拰銆婄孩鐑ц倝銆嬫斁鍒颁富绾跨▼閲屽幓鍋氥€傚氨鍦ㄣ€婂湡璞嗙倴鐗涜倝銆嬪揩鍋氬ソ鐨勫墠鍑犲垎閽燂紝锛堟敞鎰忥紒锛氳繖鏃跺€欑孩鐑ц倝楦¤泲姹ゅ凡缁忓悆瀹屽悆瀹屾姽鍏変簡锛変綘绐佺劧鍙堢偣浜嗕竴涓€婃媿榛勭摐銆嬸煡溿€傚笀鐖剁湅鍒般€婃媿榛勭摐銆嬪緢绠€鍗曘€傝櫧鐒惰繖閬撹彍鏄渶鍚庝笂鐨勶紝浣嗘槸甯堝倕浼氬厛缁欎綘鏀俱€婂井浠诲姟銆嬬埜鐖哥埜鐖稿嚑鍒嗛挓锛岃€屼笖閫熷害涓€瀹氭瘮銆婂湡璞嗙倴鐗涜倝銆嬪墿涓嬬殑鍑犲垎閽熷揩锛屼綘鍏堝悆銆婃媿榛勭摐銆嬨€傚悓鐞嗭紝鍦↗S涓紝褰撴垜浠幓鑾峰彇椤甸潰涓婁竴浜涚浉瀵规瘮杈冮噸瑕佺殑鏁版嵁鏃讹紝鎴戜滑闇€瑕佲€滄彃鍏モ€濅竴浜涚浉瀵逛笉閭ｄ箞鈥滈噸瑕佲€濈殑瀹忎换鍔★紝浠ヤ繚璇佹垜浠〉闈㈢殑姝ｇ‘鍔犺浇銆傚緢鏄庢樉锛屾垜浠殑Promise鏄湪鎴戜滑闇€瑕佸瓨鍌ㄦ瘮杈冮噸瑕佺殑鏁版嵁鐨勬椂鍊欎娇鐢ㄧ殑锛屾墍浠ラ渶瑕佸湪浜嬩欢寰幆涓璼etTimeout瀹忎换鍔￠槦鍒椾箣鍓嶆墽琛屻€傛墍浠ヤ簨浠跺惊鐜皢鎸変互涓嬮『搴忚繘琛屻€傚鏋滄病鏈夛紝鍐嶈闂畯浠诲姟闃熷垪銆傛槑鐧戒簡杩欎簺锛屾垜浠啀鍥炲ご鐪嬬湅涔嬪墠鐨勪唬鐮侊紝灏卞緢娓呮浜嗐€傞鍏堟帶鍒跺彴鎵ц鍚屾浠诲姟console.log('3')锛岀劧鍚庝富绾跨▼涓虹┖銆傜劧鍚庣珛鍗宠闂甿icrotask闃熷垪锛宑onsole.log('2')锛宮icrotask闃熷垪鎵ц瀹屾瘯锛屾渶鍚庤闂甿acrotask闃熷垪銆傚畨鎱般€傛棩蹇楋紙'1'锛夈€傜粨鏋滆緭鍑哄涓嬶細3.涓嶄娇鐢≒romise鍒涘缓涓€涓猰icrotask姝ゆ椂鎴戜滑鍙兘浼氭湁鐤戦棶銆傝兘涓嶈兘鍍弒etTimeout鍒涘缓瀹忎换鍔￠偅鏍风洿鎺ュ垱寤哄井浠诲姟鍛紵鍒憡璇夋垜锛岀湡鐨勬槸涓€涓寕鍦╳indow瀵硅薄涓婄殑鏂规硶鈥斺€攓ueueMicrotask銆傚崟璇嶈繖涔堥暱涓嶈鎬曪紝鍏跺疄寰堝鏄撶悊瑙ｃ€傚井杞槸鎬庝箞鎷煎啓鐨勶紵寰蒋瀵瑰惂锛宮icrotask涓嶅氨鏄疢icorTask鍚楋紵浣跨敤鏂规硶寰堢畝鍗曪紝杩欎釜鍑芥暟鎺ュ彈涓€涓洖璋冨嚱鏁颁綔涓哄弬鏁般€傚拰setTimeout鐨勪娇鐢ㄦ柟娉曞畬鍏ㄤ竴鏍枫€傜湅涓€涓嬫帶鍒跺彴杈撳嚭缁撴灉4.瓒佺儹鎵撻搧锛屾湁娌℃湁鎭嶇劧澶ф偀鐨勬劅瑙夛紵鎴戞潵娴嬭瘯涓€涓嬶紝涓嬮潰浠ｇ爜鐨勭粨鏋滄槸浠€涔堬紵鍏跺疄杩欓亾棰樼殑閲嶇偣鏄繖涓や釜鍑芥暟鍏堟墽琛屽摢涓憿锛熷湪杩欓噷鎴戠洿鎺ユ彮鏅撶瓟妗堛€傚叾瀹炴棤璁烘槸microtask杩樻槸macrotask锛屽綋闃熷垪涓湁澶氫釜task鏃讹紝閮芥槸鎸夌収鍏堣繘鍏堝嚭鐨勬柟寮忚繘琛岀殑銆傚氨鍍忕幇瀹炵敓娲讳腑鎺掗槦涓€鏍凤紝鎴戝厛鍘绘帓闃燂紝鑷劧瑕佸厛鎵ц銆備笂闈唬鐮佺殑鎵ц椤哄簭锛屽厛鎶奵onsole.log("2")鏀惧叆microtask闃熷垪锛宺esolve("3")鏄笅涓€涓猰icrotask锛岄偅涔堝緢鑷劧鍦板湪涓荤嚎绋嬫墽琛屽畬eventloop涔嬪悗锛屽洖澶寸湅鍦╩icrotask浠诲姟鎺掗槦鐨勬椂鍊欙紝鏈€鍏堢湅鍒扮殑鏄痗onsole.log("2")锛岄偅涔堝畠灏变細鏈€鍏堟墽琛屻€傛墍浠ュ湪鎺у埗鍙颁笂姝ｇ‘鐨勬樉绀虹粨鏋滄槸浜斻€傛€濊€冮鎴戜滑鎶婁笂闈㈢殑浠ｇ爜绋嶅井璋冩暣涓€涓嬶紝鎴戝彧鏀逛簡涓€鐐逛唬鐮併€傝鍦ㄦ帶鍒跺彴鍥炵瓟涓婇潰浠ｇ爜鐨勮緭鍑猴紝鍐欏湪璇勮鍖簙馃巵濡傛灉浣犺兘鍑嗙‘鍥炵瓟锛岃鏄庡悗闈㈢殑鎵嬪啓Promise鑲畾娌￠棶棰榽
