鎶借薄鐨勫紓姝ョ▼搴忥紝鎽嗚劚绻佺悙鐨勫洖璋冨嚱鏁般€備竴銆佽儗鏅负搴斿鏃ョ泭澧為暱鐨勬祴璇曢渶姹傦紝鍑忓皯閲嶅鎬у伐浣滐紝鏈夐亾鏅鸿兘纭欢娴嬭瘯闆嗗洟寮€鍙戜簡涓€绯诲垪鍩轰簬Electron鐨勬祴璇曟晥鐜囨彁鍗囧伐鍏枫€俥lectron鐨勭紪绋嬭瑷€鏄痡s锛屽洜涓哄ぇ瀹堕兘涓嶆槸涓撲笟鐨勫墠绔紝瀵筳s涔熶笉鐔熸倝锛屾墍浠ュ湪鍐欑▼搴忕殑鏃跺€欒俯浜嗗緢澶氬潙銆傜壒鍒槸js涓殑浜嬩欢鍜岀綉缁滆姹傦紝娑夊強鍒板紓姝ョ紪绋嬶紝寰堝鏄撳嚭閿欍€傞殢鐫€宸ュ叿鐨勫揩閫熷紑鍙戣凯浠ｏ紝浠ｇ爜涓嚭鐜拌秺鏉ヨ秺澶氱殑宓屽鍥炶皟鍑芥暟锛屽伐鍏峰穿婧冪殑鍑犵巼涔熻秺鏉ヨ秺澶с€備负浜嗚В鍐宠繖浜涢棶棰橈紝鎴戜滑浣跨敤async/await鏉ラ噸鏋勮繖浜涘洖璋冨嚱鏁帮紝鍑忓皯浜嗕唬鐮侀噺锛屽ぇ澶ф彁楂樹簡浠ｇ爜鐨勫彲璇绘€у拰鍙悊瑙ｆ€с€傛湰鏂囦粙缁嶄簡鍩轰簬XMLHttpRequest銆丳romise銆乤sync/await绛変笁绉嶅紓姝ョ綉缁滆姹傜殑鍐欐硶锛宎sync/await鐨勫啓娉曞彲浠ヨ鎴戜滑鐢ㄥ悓姝ョ殑鏂瑰紡鍐欏紓姝ョ▼搴忥紝鎽嗚劚绻佺悙鐨勫洖璋冨嚱鏁般€?.鍓嶈█鐢╦s鍙戣捣鍗曚釜缃戠粶璇锋眰骞朵笉绠楀お澶嶆潅銆備娇鐢╢etch銆乤xios鎴栬€呯洿鎺ヤ娇鐢╔MLHttpRequest閮藉彲浠ユ弧瓒宠姹傘€備絾鏄鏋滃涓姹備緷娆℃媺鍙栨暟鎹紝鍐欒捣鏉ヤ細寰堥夯鐑︷煒傦紝鍥犱负js涓殑缃戠粶璇锋眰閮芥槸寮傛鐨勶紝鏈€甯歌鐨勯『搴忓啓鍏ユ柟寮忔槸鍦ㄥ洖璋冨嚱鏁颁腑鍙戣捣涓嬩竴涓姹傦紝浠ｇ爜濡備笅锛歝onstrequestOptions={鏂规硶锛?GET'锛岄噸瀹氬悜锛?鍏虫敞'}锛沠etch('https://xxx.yyy.com/api/zzz/',requestOptions).then(response=>response.json()).then(data=>{fetch('https://xxx.yyy.com/api/aaa/'+data.id,requestOptions).then(response=>response.json()).then(data=>{console.log(data)}).catch(error=>console.error('error',error));}).catch(error=>console.error('error',error));鍋囪鎴戦渶瑕佸垎涓ゆ鑾峰彇涓€鏉℃暟鎹紝姣斿浠巋ttps://xxx.yyy.com/api/zzz/鑾峰彇涓€涓暟鎹璞ata锛岄€氳繃data.get鑾峰彇鏁版嵁鐨勫簭鍙枫€俰d锛岀劧鍚庡彂閫佸彟涓€涓姹備互鑾峰彇鎵€闇€鏁版嵁鎵€闇€鐨勬暟鎹€傚洖璋冨嚱鏁扮殑浣跨敤鏂规硶鍜屼笂闈㈢被浼硷紝杩囦簬绻佺悙瀹规槗鍑洪敊锛岃€屼笖涓€鏃﹂€昏緫澶嶆潅浜嗗氨寰堥毦鏀逛簡銆傛帴涓嬫潵鏁寸悊鍑犱釜js鐨勭綉缁滆姹傛柟娉曪紝鎽嗚劚鍥炶皟鍦扮嫳锛屽笇鏈涘閬囧埌绫讳技闂鐨勬湅鍙嬫湁鎵€甯姪銆?1)XMLHttpRequest棣栧厛鏄疿MLHttpRequest锛屽涔犲墠绔椂涓昏鍙傝€冨ぇ鍚嶉紟榧庣殑Ajax銆傞€氳繃XMLHttpRequest瀵硅薄鍒涘缓缃戠粶璇锋眰鐨勫璺涓嬶細//鍋囪璁块棶http://localhost:3000/user杩斿洖涓€涓猨son瀵硅薄{"name":"YouDao"}constxhr=newXMLHttpRequest();consturl='http://localhost:3000/user'xhr.onreadystatechange=function(){if(this.readyState==4&&this.status==200){constjson=JSON.parse(xhr.responseText)constname=json.nameconsole.log(name)}}xhr.open('GET',url)xhr.send()杩欐浠ｇ爜棣栧厛鍒涘缓浜嗕竴涓猉MLHttpRequest瀵硅薄xhr锛岀劧鍚庡湪xhr涓坊鍔犱簡readystatechange浜嬩欢鐨勫洖璋冨嚱鏁般€俹nreadystatechange锛岀劧鍚巟hr.open('GET',url)鍒濆鍖栬姹傦紝鏈€鍚庨€氳繃xhr.send()鍙戦€佽姹傘€傝姹傚彂鍑哄悗锛岀▼搴忎細缁х画鎵ц锛屼笉浼氶樆濉烇紝杩欎篃鏄紓姝ヨ皟鐢ㄧ殑濂藉銆傚綋娴忚鍣ㄦ敹鍒板搷搴斿悗锛屼細杩涘叆xhr.onreadystatechange鐨勫洖璋冨嚱鏁般€傛暣涓姹傝繃绋嬩腑锛寈hr.onreadystatechange浼氳瑙﹀彂鍥涙锛屾瘡娆eadyState浼氳嚜鍔ㄥ鍔狅紝浠?鍒?锛屽彧鏈夊湪final闃舵锛屽嵆readyState涓?鏃讹紝鎵嶈兘鑾峰彇鍒版渶缁堢殑鍝嶅簲鏁版嵁.鍒颁簡绗洓闃舵鍚庯紝闇€瑕佹牴鎹姸鎬佸垽鏂搷搴旂殑鐘舵€佺爜鏄惁姝ｅ父銆傞€氬父锛屽搷搴旂爜鏄?00锛岃〃绀鸿姹傛病鏈夐亣鍒颁换浣曢棶棰樸€傝繖娈典唬鐮佹渶缁堜細鍦ㄦ帶鍒跺彴鎵撳嵃鏈夐亾銆傚彲瑙侊紝濡傛灉閫氳繃XMLHttpRequest澶勭悊璇锋眰锛岄鍏堣涓烘瘡涓姹傚垱寤轰竴涓猉MLHttpRequest瀵硅薄锛岀劧鍚庝负姣忎釜瀵硅薄缁戝畾readystatechange浜嬩欢鐨勫洖璋冨嚱鏁般€傚鏋滃涓姹傝閾捐捣鏉ワ紝鎯虫兂灏卞緢楹荤儲銆?2)PromisePromise鏄疎CMAScript2015寮曞叆鐨勶紝濡傛灉涓€涓簨浠朵緷璧栦簬鍙︿竴涓簨浠惰繑鍥炵殑缁撴灉锛屼娇鐢ㄥ洖璋冧細浣夸唬鐮佸鏉傚寲銆侾romise瀵硅薄鎻愪緵浜嗕竴绉嶆ā寮忔潵妫€鏌ユ搷浣滅殑澶辫触鎴栨垚鍔熴€傚鏋滄垚鍔燂紝鍒欒繑鍥炲彟涓€涓狿romise銆傝繖鏍蜂娇寰楀洖璋冪殑鍐欐硶鏇村姞瑙勮寖銆侾romise澶勭悊鐨勫璺涓嬶細constpromise=newPromise((resolve,reject)=>{letcondition=true;if(condition){resolve("ok")}else{reject("failed")}}).then(msg=>console.log(msg)).catch(err=>console.error(err)).finally(_=>console.log("finally"))涓婇潰鐨勪唬鐮佹妸鏁翠釜杩囩▼涓茶捣鏉ヤ簡锛岄鍏堝垱寤轰竴涓狿romise瀵硅薄锛屽畠鐨勬瀯閫犲嚱鏁版帴鏀朵竴涓嚱鏁帮紝鍑芥暟鐨勭涓€涓弬鏁版槸娌℃湁閿欒鏃惰鎵ц鐨勫嚱鏁皉esolve锛岀浜屼釜鍙傛暟鏄敊璇彂鐢熷悗瑕佹墽琛岀殑鍑芥暟reject銆俽esolve鏄寚then涓墽琛屾垚鍔熷悗鐨勫洖璋冨嚱鏁帮紝reject鏄寚catch涓墽琛屽け璐ュ悗鎵ц鐨勫洖璋冨嚱鏁般€傛渶鍚庣殑finally涓嶇鎴愬姛澶辫触閮戒細鎵ц锛屽彲浠ョ敤鏉ュ仛涓€浜涙敹灏惧伐浣溿€傚熀浜嶱romise鐨勭綉缁滆姹傚彲浠ヤ娇鐢╝xios搴撴垨鑰呮祻瑙堝櫒鑷甫鐨刦etch鏉ュ疄鐜般€俛xios搴撳垱寤鸿姹備緥绋嬪涓嬶細importaxiosfrom'axios'consturl='http://xxx.yyy.com/'axios.get(url).then(data=>console.log(data)).catch(err=>console.error(err))鎴戞洿鍠滄浣跨敤fetch銆俧etch鏄竴绉嶇敤浜庢浛浠MLHttpRequest鐨勬祻瑙堝櫒API銆傚畠涓嶉渶瑕佸浘涔﹂鎸囧崡銆俧etch鍒涘缓璇锋眰鐨勬柟寮忓拰axios绫讳技銆傚紑澶村凡缁忚鏄庝簡銆傛垜涓嶄細閲嶅瀹冦€侾romise铏界劧绠€鍖栦簡鍥炶皟鍑芥暟鐨勫啓娉曪紝浣嗕緷鐒舵病鏈夋憜鑴卞洖璋冨湴鐙便€傚鏋滃涓姹備覆鍦ㄤ竴璧凤紝灏卞儚鎴戜竴寮€濮嬪啓鐨勯偅鏍凤紝鐒跺悗灏变細鍒涘缓涓€涓柊鐨凱romise锛屾渶缁堝氨浼氬彉鎴怭romise鍦扮嫳銆?3)ECMAScript2017寮曞叆浜哸sync/awaitasync/await锛屽彲浠ョ畝鍖朠romise鐨勫啓娉曪紝浣垮緱浠ｇ爜涓殑寮傛鍑芥暟璋冪敤鍙互椤哄簭鎵ц锛屾槗浜庣悊瑙ｃ€傛垜浠敤寮€澶寸殑渚嬪瓙鏉ヨ鏄庯細鐩存帴浣跨敤fetch鑾峰彇鏁版嵁锛歝onstrequestOptions={method:'GET',redirect:'follow'};fetch('https://xxx.yyy.com/api/zzz/',requestOptions).then(response=>response.json()).then(data=>{fetch('https://xxx.yyy.com/api/aaa/'+data.id,requestOptions).then(response=>response.json()).then(data=>{console.log(data)}).catch(error=>console.error('error',error));}).catch(error=>console.error('error',error));鐢╝sync/await閲嶅啓锛歛syncfunctiondemo(){constrequestOptions={method:'GET',redirect:'follow'};constresponse=awaitfetch('https://xxx.yyy.com/api/zzz/',requestOptions);constdata=awaitresponse.json()constresponse1=awaitfetch('https://xxx.yyy.com/api/aaa/'+data.id,requestOptions)constdata1=awaitresponse1.json()console.log(data1)}demo().catch(error=>console.error('error',error))閲嶅啓鐨勪唬鐮佷笉鏄槸鐨勶紝寰堟竻妤氾紝娌℃湁閭ｄ箞澶歵henfollowing锛屾墍浠ュ鏋滄湁涓€绯诲垪鐨勭綉缁滆姹傦紝涓嶈瀹虫€曘€傚綋async鏀惧湪鍑芥暟澹版槑涔嬪墠鏃讹紝杩欎釜鍑芥暟灏辨槸涓€涓紓姝ュ嚱鏁帮紝璋冪敤杩欎釜鍑芥暟浼氳繑鍥炰竴涓狿romise銆俛wait鐢ㄤ簬绛夊緟涓€涓狿romise瀵硅薄锛屽彧鑳藉湪寮傛鍑芥暟涓娇鐢ㄣ€俛wait琛ㄨ揪寮忎細鏆傚仠褰撳墠寮傛鍑芥暟鐨勬墽琛岋紝绛夊緟Promise澶勭悊瀹屾垚銆傝繖鏍蜂竴鏉ワ紝濡傛灉浣犳兂璁╀竴绯诲垪鐨勫紓姝ュ嚱鏁拌皟鐢ㄩ『搴忔墽琛岋紝鍙渶瑕佸皢璋冪敤鐨勫嚱鏁版斁鍒颁竴涓敤async淇グ鐨勫嚱鏁颁腑锛屽湪璋冪敤鍓嶅姞涓奱wait锛屽氨鍙互璁╄繖浜涘嚱鏁颁箹涔栫殑渚濇鎵ц銆傜粨鏉熻閫氳繃鏈枃鐨勬⒊鐞嗭紝鐩镐俊浣犲凡缁忕煡閬撳浣曢伩鍏嶅洖璋冨湴鐙变簡銆備笉杩囬渶瑕佹敞鎰忕殑鏄紝Promise鏄?015骞村姞鍏ヨ瑷€瑙勮寖鐨勶紝async/await鏄?017骞存墠鍔犲叆璇█瑙勮寖鐨勩€傚鏋滀綘鐨勯」鐩瘮杈冭€佹垨鑰呭繀椤昏鍏煎鑰佹祻瑙堝櫒锛堟瘮濡侷E6馃槀锛夛紝閭ｄ箞灏遍渶瑕佺敤鍙︿竴绉嶆柟寮忔潵瑙ｅ喅鍥炶皟鍦扮嫳浜嗐€傝嚦浜巈lectron锛屽彧瑕佷綘鐢ㄧ殑鏄繎鍑犲勾鐨勭増鏈紝閮芥槸鏀寔鐨勩€侲lectron鍙互鐪嬩綔鏄疌hromium鍜孨ode.js鐨勭粨鍚堜綋锛岀壒鍒€傚悎缂栧啓璺ㄥ钩鍙板伐鍏锋闈㈠簲鐢ㄣ€?/p>
