1.浣犺兘璇村嚭涓ょ瀵笿avaScript宸ョ▼甯堝緢閲嶈鐨勭紪绋嬭寖寮忓悧锛烰avaScript鏄竴绉嶅鑼冨紡缂栫▼璇█锛屽悓鏃舵敮鎸佸懡浠ゅ紡/杩囩▼寮忕紪绋嬨€侀潰鍚戝璞＄紪绋嬶紙OOP锛孫bject-OrientedProgramming锛夊拰鍑芥暟寮忕紪绋嬶紙functionalprogramming锛夈€侸avaScript鏀寔鐨勯潰鍚戝璞＄紪绋嬪寘鎷師鍨嬬户鎵裤€傞潰璇曞姞鍒嗛」鐩師鍨嬬户鎵匡紙鍗筹細鍘熷瀷锛孫LOO鈥斺€旈摼鎺ュ埌鍏朵粬瀵硅薄鐨勫璞★級锛涘嚱鏁板紡缂栫▼锛堝嵆锛氶棴鍖咃紙closures锛夈€佸ご绛夊嚱鏁帮紙firstclassfunctions锛夈€乴ambda鍑芥暟锛氱澶村嚱鏁帮級銆傝繛闈㈣瘯鎵ｉ」鐨勮寖寮忛兘涓嶇煡閬擄紝鏇翠笉鐭ラ亾浠€涔堟槸鍘熷瀷OO锛坧rototypaloo锛夋垨鍑芥暟寮忕紪绋嬨€傝繘涓€姝ヤ簡瑙avaScript鐨勪袱澶ф敮鏌辩1閮ㄥ垎锛欽S鐨勪袱澶ф敮鏌变箣涓€锛氬師鍨嬭璁OJavaScript鐨勪袱澶ф敮鏌辩2閮ㄥ垎锛欽S鐨勪袱澶ф敮鏌变腑鐨勭浜屼釜锛氬嚱鏁板紡缂栫▼2.浠€涔堟槸鍑芥暟寮忕紪绋嬶紵鍑芥暟寮忕紪绋嬫槸涓€绉嶇粨鍚堟暟瀛﹀嚱鏁板苟閬垮厤鍏变韩鐘舵€佸拰鍙彉鏁版嵁鐨勭紪绋嬭瑷€銆侺isp鍙戞槑浜?958骞达紝鏄渶鏃╂敮鎸佸嚱鏁板紡缂栫▼鐨勮瑷€涔嬩竴锛岃€宭ambda婕旂畻鍙互璇村偓鐢熶簡杩欓棬璇█銆傚嵆浣垮湪浠婂ぉ锛孡isp缂栫▼璇█瀹舵棌涔熸湁鐫€骞挎硾鐨勫簲鐢ㄣ€傚嚱鏁板紡缂栫▼鏄疛avaScript璇█涓竴涓潪甯搁噸瑕佺殑姒傚康锛堝畠鏄疛avaScript鐨勪袱澶ф敮鏌变箣涓€锛夈€侲S5瑙勮寖涓坊鍔犱簡璁稿甯哥敤鐨勫姛鑳藉伐鍏枫€侷nterviewbonuspurefunctions/functionpurity浜嗚В濡備綍閬垮厤鍓綔鐢ㄧ畝鍗曞嚱鏁扮殑缁勫悎鍑芥暟寮忕紪绋嬭瑷€锛歀isp銆丮L銆丠askell銆丒rlang銆丆lojure銆丒lm銆丗#銆丱Caml绛夋彁鍒颁簡鏀寔鍑芥暟寮忕紪绋嬶紙FP锛夌殑鐗规€у湪JavaScript璇█涓細涓€绫诲嚱鏁帮紝楂橀樁鍑芥暟锛屽嚱鏁颁綔涓哄弬鏁帮紙arguments锛?鍊硷紙values锛夈€傛彁鍒扮函鍑芥暟浠ュ強濡備綍閬垮厤鍓綔鐢ㄦ病鏈夋彁渚涘嚱鏁板紡缂栫▼璇█鐨勪緥瀛愭病鏈夎JavaScript涓殑鍝簺鐗规€т娇鍑芥暟寮忕紪绋嬫垚涓哄彲鑳借缁嗕簡瑙avaScript鐨勪袱澶ф敮鏌辩2閮ㄥ垎锛氬嚱鏁板紡缂栫▼涓嶅彲鍙樹箣閬撶粍鍚堣蒋浠禜askell瀛︽牎闊充箰3銆傜被缁ф壙鍜屽師鍨嬬户鎵挎湁浠€涔堝尯鍒紵绫荤户鎵匡細瀹炰緥缁ф壙浜庣被锛堢被涓庡疄渚嬬殑鍏崇郴鍙互绫绘瘮寤虹瓚鍥剧焊涓庡疄闄呭缓绛戠墿鐨勫叧绯火煆狅級锛屽悓鏃跺缓绔嬬埗瀛愮被鍏崇郴銆備篃绉颁负灞傛绫诲垎绫绘硶銆傚疄渚嬮€氬父鏄€氳繃浣跨敤new鍏抽敭瀛楄皟鐢ㄧ被鐨勬瀯閫犲嚱鏁版潵鍒涘缓鐨勩€備絾鏄湪ES6涓紝浣犲彲浠ュ湪涓嶄娇鐢╟lass鍏抽敭瀛楃殑鎯呭喌涓嬬户鎵夸竴涓被銆傚師鍨嬬户鎵匡紙PrototypalInheritance锛夛細瀹炰緥/瀵硅薄鐩存帴缁ф壙鑷叾浠栧璞°€傝鍒涘缓瀹炰緥锛岄€氬父浣跨敤宸ュ巶鍑芥暟鎴朞bject.create()鏂规硶銆傚疄渚嬪彲浠ョ敱澶氫釜涓嶅悓鐨勫璞＄粍鎴愶紝鍏佽閫夋嫨鎬х户鎵裤€傚湪JavaScript涓紝鍘熷瀷缁ф壙姣旂被缁ф壙鏇寸畝鍗曘€佹洿鐏垫椿銆傞潰璇曞鍔遍」鐩細杩欎細浜х敓绱у瘑鑰﹀悎鎴栧眰娆＄粨鏋?鍒嗙被娉曘€傚師鍨嬶細鎻愬埌杩炴帴缁ф壙銆佸師鍨嬪鎵樸€佸嚱鏁扮户鎵垮拰瀵硅薄缁勫悎銆傚拰绫荤户鎵跨浉姣旓紝涓嶇煡閬撳摢涓洿濂姐€侺earnmoreaboutTheTwoPillarsofJavaScriptPart1:JS鐨勪袱澶ф敮鏌变箣涓€锛歅rototypeOOCommonMisconceptionsAboutInheritanceinJavaScript:CommonmisconceptionsAboutInheritanceinJavaScript4.Functionalprogrammingandobject-orientedprogramming鏈変粈涔堜紭鍔垮拰浼樺娍缂虹偣锛熼潰鍚戝璞＄紪绋嬬殑浼樼偣锛氭洿瀹规槗鐞嗚В涓€浜涘叧浜庘€滃璞♀€濈殑鍩烘湰姒傚康锛屾柟娉曡皟鐢ㄧ殑鍚箟涔熷鏄撹В閲娿€傞潰鍚戝璞＄紪绋嬮€氬父浣跨敤鍛戒护寮忕紪鐮侀鏍硷紝杈冨皯浣跨敤澹版槑寮忛鏍笺€傝繖鏍风殑浠ｇ爜璇昏捣鏉ュ氨鍍忎竴缁勭畝鍗曠殑鎸囦护锛岃绠楁満鍙互杞绘澗閬靛惊銆傞潰鍚戝璞＄紪绋嬬殑缂虹偣锛氶潰鍚戝璞＄紪绋嬮€氬父闇€瑕佸叡浜姸鎬併€傚璞″拰瀹冧滑鐨勮涓哄線寰€渚濋檮浜庡悓涓€涓疄浣擄紝鎵€浠ュ鏋滀竴鍫嗗嚱鏁拌闂繖涓疄浣擄紝鑰岃繖浜涘嚱鏁扮殑鎵ц椤哄簭鏄笉纭畾鐨勶紝灏卞緢鍙兘浼氬嚭閿欙紝姣斿绔炰簤鏉′欢锛坮aceconditions锛?杩欑鐜拌薄锛堝嚱鏁癆渚濊禆浜庡疄浣撶殑鏌愪釜灞炴€э紝浣嗘槸鍦ˋ璁块棶璇ュ睘鎬т箣鍓嶏紝璇ュ睘鎬у凡缁忚鍑芥暟B淇敼锛岄偅涔堝嚱鏁癆鍦ㄤ娇鐢ㄨ灞炴€ф椂鍙兘寰椾笉鍒伴鏈熺殑缁撴灉锛夈€傚嚱鏁板紡缂栫▼鐨勪紭鐐癸細鍦ㄥ嚱鏁板紡鑼冨紡涓紪绋嬫椂锛屾偍鏃犻渶鎷呭績鍏变韩鐘舵€佹垨鍓綔鐢ㄣ€傝繖閬垮厤浜嗗涓嚱鏁拌皟鐢ㄥ悓涓€鎵硅祫婧愭椂鍙兘鍑虹幇鐨勯敊璇€傛湁浜嗏€減oint-freestyle鈥濓紙涔熷彨闅愬紡缂栫▼锛夌瓑鐗规€э紝鍑芥暟寮忕紪绋嬪氨澶уぇ绠€鍖栦簡锛屾垜浠篃鍙互鐢ㄥ嚱鏁板紡缂栫▼鎶婁唬鐮佺粍鍚堟垚鍙鐢ㄦ€ф洿寮虹殑浠ｇ爜锛岃繖鏄潰鍚戝璞＄紪绋嬪仛涓嶅埌鐨勩€傚嚱鏁板紡缂栫▼鏇村枩娆㈠０鏄庡紡鍜岀鍙峰紡锛堟寚绉伴鏍硷級缂栫爜椋庢牸銆傝繖鏍风殑浠ｇ爜涓嶆槸涓轰簡杈惧埌鏌愪釜鐩殑鑰岄渶瑕佷竴姝ユ鎵ц鐨勪竴鍫嗘寚浠わ紝鑰屾槸鐫€鐪间簬瀹忚灞傞潰瑕佸仛浠€涔堛€傝嚦浜庢€庝箞鍋氾紝灏辫棌鍦ㄥ嚱鏁伴噷闈簡銆傝繖鏍蜂竴鏉ワ紝瑕佹兂閲嶆瀯浠ｇ爜锛屼紭鍖栨€ц兘锛屽氨澶ф湁鍙负浜嗐€傦紙璇戣€呮敞锛氫互鍋氫竴閬撹彍涓轰緥锛屽垎涓轰笁涓楠わ細涔拌彍->娲楄彍->鍋氳彍锛屾瘡涓€姝ラ兘鏄嚱鏁板紡缂栫▼鐨勪竴涓嚱鏁帮紝鏃犺鏄粈涔堣彍锛岃繖涓繃绋嬮兘涓嶁€嬧€嬩細鏀瑰彉銆傝€岃浼樺寲杩欎釜娴佺▼锛岃嚜鐒舵槸瑕佹繁鍏ュ埌姣忎竴涓楠わ紝杩欐牱鏃犺鍐呴儴鎬庝箞閲嶆瀯浼樺寲锛屾暣浣撴祦绋嬮兘涓嶄細鏀瑰彉锛岃繖灏辨槸鍑芥暟寮忕紪绋嬬殑濂藉銆傦級浣犵敋鑷冲彲浠ユ妸涓€涓畻娉曞彲浠ヨ鍙︿竴绉嶆洿楂樻晥鐨勭畻娉曟浛浠ｏ紝鍚屾椂锛屽熀鏈笉闇€瑕佷慨鏀逛唬鐮侊紙姣斿鐢ㄦ儼鎬ф眰鍊肩瓥鐣ワ紙lazyevaluation锛夋浛浠ｆ棭鏈熸眰鍊肩瓥鐣ワ紙eagerevaluation锛夛級銆備娇鐢ㄧ函鍑芥暟鐨勮绠楀彲浠ヨ交鏉炬墿灞曞埌澶氬鐞嗗櫒鐜鎴栧簲鐢ㄤ簬鍒嗗竷寮忚绠楅泦缇わ紝鑰屾棤闇€鎷呭績绾跨▼璧勬簮鍐茬獊鍜岀珵浜夋潯浠躲€傚嚱鏁板紡缂栫▼鐨勪笉瓒筹細濡傛灉浠ｇ爜杩囧鐨勪娇鐢ㄤ簡鍑芥暟寮忕紪绋嬬殑鐗规€э紙姣斿鏃犲弬椋庢牸锛屽ぇ閲忔柟娉曠殑缁勫悎锛夛紝浼氬奖鍝嶅叾鍙鎬э紝瀵艰嚧绠€娲佹湁浣欙紝鍙鎬т笉澶熴€傚ぇ澶氭暟宸ョ▼甯堣繕鏄瘮杈冪啛鎮夐潰鍚戝璞＄紪绋嬪拰鍛戒护寮忕紪绋嬨€傚浜庡垰鎺ヨЕ鍑芥暟寮忕紪绋嬬殑浜烘潵璇达紝鍗充娇鏄繖涓鍩熺殑涓€浜涚畝鍗曟湳璇篃鍙兘璁╀粬鎬€鐤戜汉鐢熴€傚嚱鏁板紡缂栫▼鐨勫涔犳洸绾挎瘮杈冮櫋宄紝鍥犱负闈㈠悜瀵硅薄缂栫▼澶祦琛屼簡锛屽涔犺祫鏂欏お澶氫簡銆傜浉姣斾箣涓嬶紝鍑芥暟寮忕紪绋嬪湪瀛︽湳棰嗗煙鐨勫簲鐢ㄦ洿涓哄箍娉涳紝鍦ㄥ伐涓氱晫鐨勫簲鐢ㄥ垯鐣ユ樉涓嶈冻锛岃嚜鐒舵病鏈夐偅涔堚€滃钩鏄撹繎浜衡€濄€備汉浠湪璁ㄨ鍑芥暟寮忕紪绋嬫椂锛岀粡甯镐細浣跨敤lambda婕旂畻銆佷唬鏁般€佽寖鐣寸瀛︾瓑瀛︾鐨勪笓涓氭湳璇拰绗﹀彿鏉ユ弿杩扮浉鍏虫蹇点€傛妸鐭ヨ瘑閮芥噦浜嗭紝鑳戒笉璁╀汉澶存檿鍚楋紵鍏变韩鐘舵€併€佽祫婧愮珵浜夌瓑缂虹偣锛堥潰鍚戝璞＄紪绋嬶級鍑芥暟寮忕紪绋嬪彲浠ュぇ澶х畝鍖栧簲鐢ㄧ▼搴忓紑鍙戦潰鍚戝璞＄紪绋嬪拰鍑芥暟寮忕紪绋嬪涔犳洸绾跨殑鍖哄埆涓ょ缂栫▼鏂瑰紡鍚勮嚜鐨勭己鐐癸紝浠ュ強鍚庢湡鐨勫奖鍝嶄唬鐮佺淮鎶ゃ€傚嚱鏁板紡浠ｇ爜搴撳叿鏈夐櫋宄殑瀛︿範鏇茬嚎銆傞潰鍚戝璞＄紪绋嬮鏍肩殑浠ｇ爜搴撻毦浠ヤ慨鏀逛笖瀹规槗鍑虹幇闂锛堜笌鍙瘮鐨勫嚱鏁板紡浠ｇ爜鐩告瘮锛変笉鍙樻€э紙immutability锛夛紝鍙互澶уぇ鎻愰珮绋嬪簭鐘舵€佸巻鍙诧紙programstatehistory锛夛紝杩欐牱浣犳兂娣诲姞鏃犻檺undo/redo锛宺ewind/playback绛夊姛鑳斤紝鍔犱笂鍚戝悗璋冭瘯绛夊姛鑳藉氨绠€鍗曞浜嗐€傛棤璁烘槸闈㈠悜瀵硅薄缂栫▼杩樻槸鍑芥暟寮忕紪绋嬶紝涓ょ鑼冨紡閮藉彲浠ュ疄鐜颁笉鍙樻€э紝浣嗘槸濡傛灉鐢ㄩ潰鍚戝璞℃潵瀹炵幇锛屽叡浜姸鎬佸璞＄殑鏁伴噺浼氭€ュ墽澧炲姞锛屼唬鐮佷篃浼氬彉寰楀鏉傚緢澶氥€傞潰璇曞噺鍒嗘病鏈夎杩欎袱绉嶇紪绋嬭寖寮忕殑缂虹偣鈥斺€斿鏋滀綘鑷冲皯鐔熸倝鍏朵腑涓€绉嶏紝浣犲簲璇ヨ兘璇村嚭寰堝杩欑鑼冨紡鐨勭己鐐广€傛€绘槸浣犱滑涓や釜瑕佹繁鍏ヤ簡瑙ｄ綘浠紝鐪嬫潵浣犱滑涓や釜鐪熺殑寰堥噸瑕併€侸avaScript鐨勪袱澶ф敮鏌辩1閮ㄥ垎锛欽S鐨勪袱澶ф敮鏌变箣涓€锛歅rototypeOOJavaScript鐨勪袱澶ф敮鏌辩2閮ㄥ垎锛欽S鐨勪袱澶ф敮鏌变箣涓€锛氬嚱鏁板紡缂栫▼5.鎴戜滑浠€涔堟椂鍊欏簲璇ヤ娇鐢ㄧ被缁ф壙锛熸案杩滀笉瑕佷娇鐢ㄧ被缁ф壙锛佹垨鑰呭敖閲忎笉瑕佷娇鐢ㄥ畠銆傚鏋滀竴瀹氳鐢紝灏辩敤瀹冩潵缁ф壙涓€绾э紙涓€灞傦級銆傚绾х被缁ф壙鍙槸涓€绉嶅弽妯″紡銆傝繖涓富棰橈紙涓嶅お纭畾瀹冩槸鍏充簬浠€涔堢殑......锛夋垜宸茬粡鍙備笌浜嗗骞寸殑璁ㄨ锛屽苟涓斿彲鐢ㄧ殑灏戞暟绛旀鏈€缁堟垚涓哄父瑙佺殑璇В涔嬩竴銆傛洿澶氱殑鏃跺€欙紝杩欎釜璇濋璁ㄨ璁ㄨ锛屾病鏈夊姩闈欍€傚鏋滀竴涓壒鎬ф湁鏃舵湁鐢ㄤ絾鏈夋椂鍗遍櫓骞朵笖鏈夊彟涓€涓洿濂界殑鐗规€у彲浠ヤ娇鐢紝閭ｄ箞涓€瀹氳浣跨敤鍙︿竴涓洿濂界殑鐗规€DouglasCrockford闈㈣瘯鍔犲垎鐐瑰敖閲忎笉瑕佷娇鐢紝鐢氳嚦瀹屽叏娌℃湁绫荤户鎵裤€傛湁鏃跺€欏彧缁ф壙涓€灞傚氨鍙互浜嗭紝姣斿缁ф壙妗嗘灦鐨勫熀绫伙紝姣斿React.Component銆傚璞＄粍鍚堜紭浜庣被缁ф壙銆傛繁鍏ヤ簡瑙avaScript鐨勪袱澶ф敮鏌辩1閮ㄥ垎锛欽S鐨勪袱澶ф敮鏌变箣涓€锛氬師鍨婳OJS瀵硅薄鈥擨nheritedaMess锛欽Sobject锛堢户鎵匡級-鍙槸缁ф壙mess锛堟贩涔憋級6.浠€涔堟椂鍊欏簲璇ヤ娇鐢ㄥ師鍨嬬户鎵匡紵鍘熷瀷缁ф壙鍙互鍒嗕负浠ヤ笅鍑犵被锛歞elegation锛堜篃灏辨槸鍘熷瀷閾撅級combination锛坈oncatenative锛屾瘮濡俶ixins锛孫bject.assign()锛塮unctional锛堝嚱鏁板紡锛岃繖绉嶅嚱鏁板紡鍘熷瀷缁ф壙涓嶆槸鍑芥暟寮忕紪绋嬨€傝繖閲岀殑鍑芥暟鏄敤浜庡垱寤洪棴鍖呭疄鐜扮鏈夌姸鎬侊紙privatestate锛夋垨灏佽锛坋ncapsulation锛夛級浠ヤ笂涓夌鍘熷瀷缁ф壙鍚勬湁閫傜敤鍦烘櫙锛屼絾閮芥槸鏈夌敤鐨勶紝鍥犱负瀹冧滑鍙互瀹炵幇缁勫悎缁ф壙锛坈omposition锛夛紝鍗冲缓绔嬩竴涓狝鎷ユ湁鐗瑰緛B(has-a)銆丄浣跨敤鐗瑰緛B(uses-a)鎴朅鍙互瀹炵幇鐗瑰緛B(can-do)鐨勫叧绯汇€傜浉鍙嶏紝绫荤户鎵垮缓绔嬩簡A鏄疊鐨勫叧绯汇€備簡瑙ｆā鍧楁垨鍑芥暟寮忕紪绋嬩綍鏃朵笉鍚堥€傜殑闈㈣瘯鍔犲垎銆傚綋鎮ㄩ渶瑕佺粍鍚堟潵鑷澶氫笉鍚屾潵婧愮殑瀵硅薄鏃讹紝鐭ラ亾璇ユ€庝箞鍋氥€傜煡閬撲綍鏃朵娇鐢ㄧ户鎵裤€傞潰璇曟墸椤逛笉鐭ラ亾浠€涔堟椂鍊欑敤鍘熷瀷銆備笉鐭ラ亾mixin鍜孫bject.assign()銆備簡瑙ｆ湁鍏崇紪绋婮avaScript搴旂敤绋嬪簭鐨勬洿澶氫俊鎭細鏂囩珷鐨勨€滃師鍨嬧€濋儴鍒?.涓轰粈涔堣鈥滃璞＄粍鍚堜紭浜庣被缁ф壙鈥濓紵杩欏彞璇濆弬鑰冧簡銆婅璁¤姳绾广€嬶紙DesignPatterns锛岃璁℃ā寮忥級涓€涔︾殑鍐呭銆傛剰鎬濆氨鏄鏋滆瀹炵幇浠ｇ爜閲嶇敤锛屽簲璇ユ妸涓€鍫嗗皬鐨勫姛鑳藉崟鍏冪粍鍚堟垚鍚勭婊¤冻鑷繁闇€瑕佺殑瀵硅薄锛岃€屼笉鏄€氳繃绫荤户鎵夸竴灞傚眰鍒涘缓瀵硅薄銆傛崲鍙ヨ瘽璇达紝灏濊瘯閫氳繃缂栫▼鏉ュ疄鐜癱an-do銆乭as-a鎴杣ses-a鐨勫叧绯伙紝鑰屼笉鏄痠s-a鐨勫叧绯汇€傞伩鍏嶇被缁ф壙鐨勯潰璇曞鍔便€傞伩鍏嶄娇鐢ㄦ湁闂鐨勫熀绫汇€傞伩鍏嶇揣鑰﹀悎銆傞伩鍏嶆瀬鍏朵笉鐏垫椿鐨勫垎绫绘硶锛堢被缁ф壙鍒涘缓鐨刬s-a鍏崇郴浼氬鑷磋澶氳鐢ㄦ儏鍐碉級锛屼互鍙婃暣涓笡鏋椻€濓級銆備娇浠ｇ爜鏇村叿鍙墿灞曟€с€傞潰璇曟墸鍒嗛」娌℃湁鎻愬埌浠ヤ笂浠讳綍涓€涓棶棰樸€傚璞＄粍鍚堝拰绫荤户鎵跨殑鍖哄埆娌℃湁琛ㄨ堪娓呮锛屼篃娌℃湁鎻愬埌瀵硅薄缁勫悎鐨勪紭鐐广€傛繁鍏ョ悊瑙ｇ粍鍚堜紭浜庣户鎵垮紩鍏tamp瑙勮寖8銆俆wo-waydatabinding/one-waydataflow鐨勫惈涔夊拰鍖哄埆鍙屽悜鏁版嵁缁戝畾锛坱wo-waydatabinding锛夋槸鎸嘦I灞傚憟鐜扮殑鍐呭鍜孧odel灞傜殑鏁版嵁鍔ㄦ€佺粦瀹氫竴娆″浐瀹氬湪涓€璧凤紝濡傛灉鍏朵腑涓€涓彂鐢熷彉鍖栵紝瀹冧細绔嬪嵆鍙嶆槧鍒板彟涓€涓€備緥濡傦紝鐢ㄦ埛鍦ㄥ墠绔〉闈㈢殑琛ㄥ崟鎺т欢涓緭鍏ヤ竴涓€硷紝璇ユ帶浠跺搴旂殑Model灞備腑鐨勫彉閲忎細绔嬪嵆鏇存柊涓虹敤鎴疯緭鍏ョ殑鍊硷紱鍙嶄箣浜︾劧锛屽鏋淢odal灞傜殑鏁版嵁鍙戠敓鍙樺寲锛屽彉鍖栫殑鏁版嵁涔熶細绔嬪嵆鍙嶆槧鍒癠I灞傘€傚崟鍚戞暟鎹祦鎰忓懗鐫€鍙湁妯″瀷灞傛槸鍞竴鐨勭湡瀹炴潵婧愩€俇I灞傜殑鍙樺寲浼氳Е鍙戠浉搴旂殑娑堟伅鏈哄埗锛屽皢鐢ㄦ埛鐨勭洰鐨勫憡鐭odel灞傦紙瀵瑰簲React鐨剆tore锛夈€傚彧鏈夋ā鍨嬪眰鎵嶆湁鏉冮檺鏀瑰彉搴旂敤绋嬪簭鐨勭姸鎬併€傝繖鏍蜂竴鏉ワ紝鏁版嵁鎬绘槸鍗曞悜娴佸姩鐨勶紝涔熸洿瀹规槗鐞嗚В搴旂敤绋嬪簭鐨勭姸鎬佹槸濡備綍鍙樺寲鐨勩€傚浜庝娇鐢ㄥ崟鍚戞暟鎹祦鐨勫簲鐢ㄧ▼搴忔潵璇达紝璺熻釜鐘舵€佸彉鍖栧緢瀹规槗锛屼絾鏄浜庝娇鐢ㄥ弻鍚戞暟鎹粦瀹氱殑搴旂敤绋嬪簭鏉ヨ锛屽緢闅捐窡韪拰鐞嗚В鐘舵€佸彉鍖栥€傞潰璇曞姞鍒嗛」React鏄吀鍨嬬殑鍗曞悜鏁版嵁娴侊紝濡傛灉鍦ㄩ潰璇曚腑鎻愬埌杩欎釜妗嗘灦锛屽氨浼氬姞鍒嗐€侰ycle.js鏄彟涓€涓祦琛岀殑鍗曞悜鏁版嵁娴佸簱銆侫ngular鏄弻鍚戞暟鎹粦瀹氱殑涓€涓緥瀛愩€傞潰璇曟墸椤规病鏈夌悊瑙ｅ崟鍚戞暟鎹祦/鍙屽悜鏁版嵁缁戝畾鐨勫惈涔夛紝涔熸病鏈夋槑纭鏄庝袱鑰呯殑鍖哄埆銆傝缁嗕簡瑙eact.js9绠€浠嬨€傚崟浣撴灦鏋勫拰寰湇鍔℃灦鏋勭殑浼樼己鐐规槸浠€涔堬紵瀵逛簬浣跨敤鍗曚綋鏋舵瀯鐨勫簲鐢ㄧ▼搴忥紝鍚勪釜缁勪欢鐨勪唬鐮佷綔涓轰竴涓暣浣撳瓨鍦紝缁勪欢涔嬮棿鐩镐簰鍗忎綔锛屽叡浜唴瀛樺拰璧勬簮銆傚井鏈嶅姟鏋舵瀯锛坢icroservicearchitecture锛夋槸鐢辫澶氱浉浜掔嫭绔嬬殑灏忓簲鐢ㄧ▼搴忕粍鎴愮殑銆傛瘡涓簲鐢ㄧ▼搴忛兘鏈夎嚜宸辩殑鍐呭瓨绌洪棿锛屽簲鐢ㄧ▼搴忕殑鎵╁睍涔熺嫭绔嬩簬鍏朵粬搴旂敤绋嬪簭銆傚崟浣撴灦鏋勭殑浼樼偣锛氬ぇ澶氭暟搴旂敤绋嬪簭閮芥湁鐩稿綋澶氱殑妯垏鍏虫敞鐐癸紝渚嬪鏃ュ織璁板綍銆佹祦閲忛檺鍒朵互鍙婂璁¤窡韪拰DOS淇濇姢绛夊畨鍏ㄩ渶姹傘€傚崟浣撴灦鏋勫湪杩欐柟闈㈡湁浼樺娍銆傚綋鎵€鏈夊姛鑳介兘杩愯鍦ㄤ竴涓簲鐢ㄧ▼搴忎腑鏃讹紝灏嗙粍浠朵笌妯垏鍏虫敞鐐圭浉鍏宠仈鏄潪甯告柟渚跨殑銆傚崟浣撴灦鏋勮繕鍏锋湁鎬ц兘浼樺娍銆傛瘯绔燂紝璁块棶鍏变韩鍐呭瓨姣旇繘绋嬮棿閫氫俊(IPC)鏇村揩銆傚崟浣撴灦鏋勭殑缂虹偣锛氶殢鐫€鍗曚綋鏋舵瀯搴旂敤鍔熻兘鐨勪笉鏂彂灞曪紝鍚勪釜鏈嶅姟涔嬮棿鐨勮€﹀悎搴︿細涓嶆柇澧炲姞锛屼互鑷充簬鍚勪釜鏈嶅姟涔嬮棿寰堥毦鍒嗙銆傜嫭绔嬫墿灞曟垨鑰呬唬鐮佺淮鎶ゅ氨鏇翠笉鏂逛究浜嗐€傚井鏈嶅姟鐨勪紭鐐癸細寰湇鍔℃灦鏋勪竴鑸兘鏈夋洿濂界殑缁勭粐缁撴瀯锛屽洜涓烘瘡涓湇鍔￠兘鏈夎嚜宸辩壒瀹氱殑鍒嗗伐锛屼笉浼氬共鎵板叾浠栫粍浠惰礋璐ｇ殑閮ㄥ垎銆傛湇鍔¤В鑰﹀悗锛屾洿鏂逛究閲嶆柊缁勫悎閰嶇疆锛屼负涓嶅悓鐨勫簲鐢ㄦ彁渚涙湇鍔★紙姣斿鍚屾椂涓篧eb瀹㈡埛绔拰鍏叡API鎻愪緵鏈嶅姟锛夈€傚井鏈嶅姟濡傛灉浠ュ悎鐞嗙殑鏋舵瀯閮ㄧ讲锛屽湪鎬ц兘涓婁篃鏄潪甯告湁浼樺娍鐨勶紝鍥犱负杩欐牱鍙互寰堟柟渚跨殑灏嗙儹鐐规湇鍔¤繘琛屽垎绂诲拰鎵╁睍锛岃€屼笉浼氬奖鍝嶅埌搴旂敤涓殑鍏朵粬搴旂敤銆傞儴鍒嗐€傚井鏈嶅姟鐨勭己鐐癸細鍦ㄥ疄闄呮瀯寤烘柊鐨勫井鏈嶅姟鏋舵瀯鏃讹紝浼氶亣鍒板緢澶氬湪璁捐闃舵娌℃湁棰勬枡鍒扮殑妯垏鍏虫敞鐐广€傚鏋滄槸鍗曚綋鏋舵瀯鐨勫簲鐢紝寰堢畝鍗曪紝鏂板缓涓€涓腑闂翠欢锛坰haredmagichelpers涓嶇煡閬撴€庝箞缈昏瘧銆傘€傘€傦級灏卞彲浠ヨВ鍐宠繖绫婚棶棰橈紝涓嶉夯鐑︺€備絾鏄湪寰湇鍔℃灦鏋勪腑灏变笉涓€鏍蜂簡銆傝瑙ｅ喅杩欎釜闂锛岃涔堜负姣忎釜妯垏鍏虫敞鐐瑰紩鍏ヤ竴涓嫭绔嬬殑妯″潡锛岃涔堝皢鎵€鏈夋í鍒囧叧娉ㄧ偣鐨勮В鍐虫柟妗堝皝瑁呭埌涓€涓湇鍔″眰涓紝杩欐牱鎵€鏈夌殑娴侀噺閮藉彲浠ヤ粠杩欓噷缁忚繃銆備负浜嗚В鍐虫í鍒囧叧娉ㄧ偣鐨勯棶棰橈紝铏界劧鍗曚綋鏋舵瀯涔熷€惧悜浜庡皢鎵€鏈夌殑璺敱娴侀噺閮介€氳繃涓€涓閮ㄦ湇鍔″眰鏉ヤ紶閫掞紝浣嗘槸鍦ㄨ繖绉嶆灦鏋勪笅锛屼綘鍙互绛夊埌椤圭洰闈炲父鎴愮啛鍚庡啀杩涜杩欑鏀归€狅紝杩欐牱浣犲彲浠ュ敖閲忔帹杩熷伩杩樿繖绗旀妧鏈€恒€傚井鏈嶅姟涓€鑸儴缃插湪铏氭嫙鏈烘垨瀹瑰櫒涓娿€傞殢鐫€搴旂敤瑙勬ā鐨勪笉鏂澶э紝铏氭嫙鏈轰簤鐢ㄥ伐浣滐紙VMwranglingwork锛夌殑鎯呭喌涔熶細杩呴€熷鍔犮€備换鍔″垎閰嶉€氬父閫氳繃闆嗚绠辫溅闃熺鐞嗗伐鍏疯嚜鍔ㄥ畬鎴愩€傞潰璇曞姞鍒嗛」瀵瑰井鏈嶅姟鎸佺Н鏋佹€佸害锛岃櫧鐒跺垵濮嬫垚鏈細姣斿崟浣撴灦鏋勯珮銆傜煡閬撳井鏈嶅姟浠庨暱杩滄潵鐪嬫€ц兘鍜屾墿灞曟€ф洿濂姐€傛湁寰湇鍔℃灦鏋勫拰鍗曚綋鏋舵瀯搴旂敤鐨勫疄鎴樼粡楠屻€傚畠鍙互鍦ㄤ唬鐮佸眰闈娇搴旂敤涓殑鍚勭鏈嶅姟鐩镐簰鐙珛锛屼絾鍦ㄥ紑鍙戝垵鏈熷彲浠ュ揩閫熷皢鍚勭鏈嶅姟鎵撳寘鎴愪竴涓畬鏁寸殑鍗曚竴鏋舵瀯搴旂敤銆傚緟搴旂敤鐩稿綋鎴愮啛锛屼笖鏀归€犳垚鏈湪鍙帴鍙楄寖鍥村唴鍚庯紝鍗冲彲杩涜寰湇鍔℃敼閫犮€傞潰璇曟墸椤逛笉鐭ラ亾鍗曚綋鏋舵瀯鍜屽井鏈嶅姟鏋舵瀯鐨勫尯鍒€備笉鐭ラ亾寰湇鍔℃灦鏋勭殑棰濆寮€閿€锛屾垨鑰呮病鏈夊疄璺电粡楠屻€備笉鐭ラ亾寰湇鍔℃灦鏋勪腑IPC鍜岀綉缁滈€氫俊甯︽潵鐨勯澶栨€ц兘寮€閿€銆傚寰湇鍔＄殑浣庝及澶浜嗐€傜洰鍓嶅皻涓嶆竻妤氫綍鏃跺簲灏嗗崟浣撴灦鏋勫簲鐢ㄧ▼搴忚В鑰︿负寰湇鍔°€備綆浼颁簡鍙嫭绔嬫墿灞曠殑寰湇鍔＄殑濂藉銆?0.浠€涔堟槸寮傛缂栫▼锛熶负浠€涔堝畠鍦↗avaScript涓姝ら噸瑕侊紵鍦ㄥ悓姝ョ紪绋嬩腑锛屼唬鐮佷細浠庝笂鍒颁笅渚濇鎵ц锛堟潯浠惰鍙ュ拰鍑芥暟璋冪敤闄ゅ锛夈€傚鏋滈亣鍒扮綉缁滆姹傛垨纾佺洏璇诲啓锛圛/O锛夌瓑鑰楁椂浠诲姟锛屽氨浼氶樆濉炲湪杩欐牱鐨勫湴鏂广€傚湪寮傛缂栫▼涓紝JS杩愯鍦ㄤ竴涓簨浠跺惊鐜腑銆傚綋闇€瑕佹墽琛岄樆濉炴搷浣滐紙blockingoperation锛夋椂锛屼富绾跨▼鍙戣捣锛堝紓姝ワ級璇锋眰锛岋紙宸ヤ綔绾跨▼浼氭墽琛岃繖涓紓姝ユ搷浣滐紝锛変富绾跨▼缁х画鎵ц涓嬮潰鐨勪唬鐮併€傦紙宸ヤ綔绾跨▼鎵ц瀹屽悗锛岋級浼氬彂璧峰搷搴旓紝瑙﹀彂涓柇锛坕nterrupt锛夛紝鎵ц浜嬩欢澶勭悊鍣紙eventhandler锛夈€傛墽琛屽畬姣曪紝涓荤嚎绋嬬户缁線鍥炶蛋銆傝繖鏍蜂竴涓▼搴忕嚎绋嬪氨鍙互澶勭悊澶ч噺鐨勫苟鍙戞搷浣溿€傜敤鎴风晫闈?UI)鏈川涓婃槸寮傛鐨勶紝澶ч儴鍒嗘椂闂村畠绛夊緟鐢ㄦ埛杈撳叆锛岃繖浼氫腑鏂簨浠跺惊鐜苟瑙﹀彂浜嬩欢澶勭悊绋嬪簭銆侼ode.js榛樿鏄紓姝ョ殑锛岀敤瀹冩瀯寤虹殑鏈嶅姟绔拰鐢ㄦ埛鐣岄潰鐨勬墽琛屾満鍒舵槸绫讳技鐨勶紝鍦ㄤ簨浠跺惊鐜腑绛夊緟缃戠粶璇锋眰锛岀劧鍚庡杩欎簺璇锋眰杩涜涓€涓€澶勭悊銆傚紓姝ュ湪JavaScript涓潪甯搁噸瑕侊紝鍥犱负瀹冮€傚悎缂栧啓UI锛屽苟涓斿湪鏈嶅姟鍣ㄧ鏈夊緢濂界殑鎬ц兘銆備簡瑙ｉ樆濉炵殑鍚箟鍜屽鎬ц兘鐨勫奖鍝嶇殑闈㈣瘯鍔犲垎銆備簡瑙ｄ簨浠跺鐞嗙▼搴忎互鍙婁负浠€涔堝畠瀵逛唬鐮佺殑UI閮ㄥ垎寰堥噸瑕併€傞潰璇曟墸椤逛笉鐔熸倝鍚屾鍜屽紓姝ョ殑姒傚康銆傜洰鍓嶈繕涓嶆竻妤氬紓姝ヤ唬鐮佸拰UI浠ｇ爜瀵规€ц兘鐨勫奖鍝嶏紝涔熶笉娓呮瀹冧滑涔嬮棿鐨勫叧绯汇€傜患涓婃墍杩帮紝澶氬悜搴旇仒鑰呰闂珮闃剁煡璇嗙偣銆傚鏋滀綘鑳芥妸杩欎簺姒傚康瑙ｉ噴娓呮锛屽氨鎰忓懗鐫€鍗充娇鐢宠鑰呮帴瑙︾殑JavaScript涓嶅锛屼篃鑳藉湪鐭煭鍑犲懆鍐呯悊瑙ｈ瑷€缁嗚妭鍜岃娉曘€傚紕娓呮銆備笉瑕佸洜涓鸿€冪敓鍦ㄤ竴浜涚畝鍗曠殑鐭ヨ瘑涓婅〃鐜颁笉濂斤紝姣斿缁忓吀鐨凜S-101绠楁硶璇撅紝鎴栬€呬竴浜涜В璋滈锛屽氨璁╄€冪敓閫氳繃銆傞潰璇曞畼鐪熸搴旇鍏虫敞鐨勬槸鍊欓€変汉鏄惁鐭ラ亾濡備綍灏嗕竴鍫嗗姛鑳界粍缁囧湪涓€璧蜂互褰㈡垚涓€涓畬鏁寸殑搴旂敤绋嬪簭銆傝繖灏辨槸鐢佃瘽闈㈣瘯鐨勫叏閮ㄥ唴瀹广€傜嚎涓嬮潰璇曟垜鏇寸湅閲嶅簲鑱樿€呭疄闄呭啓浠ｇ爜鐨勮兘鍔涖€傛垜灏嗚瀵熶粬濡備綍缂栧啓浠ｇ爜銆傚湪鎴戠殑銆婄簿閫?JavaScript 闈㈣瘯銆嬬郴鍒楁枃绔犱腑锛屼細鏈夋洿娣卞叆鐨勬弿杩般€?/p>
