鍗曚緥妯″紡鍦‥S6涔嬪墠锛岄櫎浜咼avaScript涓殑鐘舵€佺鐞嗭紝鍗曚緥妯″紡鍏跺疄鏇村鐨勬槸鐢ㄤ簬灏佽鍜屽懡浠ょ┖闂淬€侲S6涔嬪悗锛孞S涓姞鍏ヤ簡寰堝闃叉鍏ㄥ眬姹℃煋鐨勬墜娈碉紱JavaScript涓柊鍔犲叆鐨勬ā鍧楃郴缁燂紙modularsystem锛変娇寰楀湪涓嶆薄鏌撳叏灞€鑼冨洿鐨勬儏鍐典笅鏇村鏄撳垱寤哄叏灞€鍙闂殑鍊笺€傚崟渚嬫ā寮忎富瑕佺敤浜庡湪搴旂敤绋嬪簭涓叡浜竴涓叏灞€瀹炰緥銆傚綋浣犲垱寤轰竴涓柊瀵硅薄鏃讹紝瀹冨凡缁忔槸涓€涓崟渚嬪璞°€傚崟渚嬫ā寮忎腑鐨勭姸鎬佺鐞嗗崟渚嬬殑涓€涓父瑙佺敤渚嬫槸鍦ㄦ暣涓簲鐢ㄧ▼搴忎腑鎷ユ湁鏌愮鍏ㄥ眬鐘舵€併€傝繖鍙兘瀵艰嚧瀵逛緷璧栦簬鍚屼竴鍙彉瀵硅薄鐨勪唬鐮佸簱鐨勫涓儴鍒嗚繘琛屽啿绐佹洿鏀广€傚嚱鏁板紡缂栫▼鐨勭姸鎬佺鐞嗗湪React涓紝鎴戜滑缁忓父閫氳繃Redux鎴朢eactContext绛夌姸鎬佺鐞嗗伐鍏锋潵绠＄悊鍏ㄥ眬鐘舵€侊紝鑰屼笉鏄娇鐢ㄥ崟渚嬪璞°€傝櫧鐒禦edux鎴朢eactContext涓篃鏈夊叏灞€鐘舵€侊紝浣嗙浉鍏宠涓哄彲鑳界湅璧锋潵绫讳技浜庡崟渚嬶紝浣嗚繖浜涘伐鍏锋彁渚涘彧璇荤姸鎬佽€屼笉鏄崟渚嬬殑鍙彉鐘舵€併€備緥濡傦紝褰撲娇鐢≧edux鏃讹紝鍙湁绾嚱鏁皉educers鎵嶈兘鍦ㄧ粍浠堕€氳繃璋冨害绋嬪簭鍙戦€乤ction瑙﹀彂鍣ㄥ悗鏇存柊鐘舵€併€備娇鐢ㄨ繖浜涘伐鍏蜂笉鍙兘瀹屽叏娑堥櫎鍏ㄥ眬鐘舵€佺殑缂虹偣锛屼絾鐢变簬缁勪欢涓嶈兘鐩存帴鏇存柊鐘舵€侊紝杩欐牱鍋氳嚦灏戝彲浠ョ‘淇濆叏灞€鐘舵€佷互棰勬湡鐨勬柟寮忓彉鍖栥€俁edux鐨勬剰鍥惧彲浠ユ鎷负涓変釜鍘熷垯锛氱涓€锛屽叏灞€鐘舵€佸瓨鍌ㄥ湪涓€涓晢搴椾腑锛涘叾娆★紝杩欎釜瀛樺偍涓殑鐘舵€佸浜庢暣涓簲鐢ㄧ▼搴忔槸鍙鐨勶紱绗笁锛屽鏋滅姸鎬侀渶瑕佹洿鏂板拰鏀瑰彉鐨勮瘽锛岄渶瑕侀€氳繃reducer鏉ュ畬鎴愩€傛垜浠彲浠ヤ妇涓緥瀛愭潵鐪嬩竴涓嬨€備笅鍥綰I鐣岄潰鏈夊瓨娆炬樉绀哄姛鑳斤紝鏄剧ず褰撳墠瀛樻涓?锛涚晫闈笂鏈変袱涓寜閽紝鍒嗗埆鍏锋湁瀛樺彇娆惧姛鑳姐€備竴寮€濮嬶紝褰撴湁浜虹偣鍑诲瓨娆?0鎿嶄綔鏃讹紝瀛樺偍鐨勪簨浠跺皢浼犻€掔粰浜嬩欢澶勭悊绋嬪簭銆傝繖鏃讹紝浜嬩欢澶勭悊鍣ㄤ細灏嗙浉鍏崇殑琛屼负鏁版嵁鎵撳寘鎴愪竴涓姩浣滃璞★紙actionobject锛夛紝鍏朵腑鍖呭惈浜嗗姩浣滅被鍨嬪瓧娈碉紝浣犲彲浠ユ妸鍔ㄤ綔瀵硅薄鐪嬫垚鏄竴涓弿杩板簲鐢ㄧ▼搴忎腑鍙戠敓鐨勪簨浠剁殑瀵硅薄銆傚湪姝ょず渚嬩腑锛岀被鍨嬩负鈥滃瓨娆锯€濓紝鍏宠仈鐨勬湁鏁堣礋杞借褰曚负鈥?0鈥濄€侫ction瀵硅薄鍦ㄦ墦鍖呭悗琚垎娲惧埌瀛樺偍涓€傝繖鏃跺€欏唴瀛樹細鍏堣皟鐢ㄧ幇鏈夌姸鎬侊紝涔熷氨鏄褰撳墠瀛樻閲戦涓?锛屽姞涓?0鍏冿紝鎬诲拰涓?0鍏冦€俽educer鏄竴涓嚱鏁帮紝瀹冩帴鏀跺綋鍓嶇姸鎬佸拰鍔ㄤ綔瀵硅薄锛屽湪蹇呰鏃跺喅瀹氬浣曟洿鏂扮姸鎬侊紝骞惰繑鍥炴柊鐘舵€?state,action)=>newState銆傛偍鍙互灏唕educer瑙嗕负浜嬩欢渚﹀惉鍣紝瀹冩牴鎹帴鏀跺埌鐨勬搷浣滐紙浜嬩欢锛夌被鍨嬫潵澶勭悊浜嬩欢銆俽educer閬靛惊涓€浜涚壒瀹氱殑瑙勫垯锛岃繖浜涜鍒欎篃鍊煎緱浜嗚В锛氶鍏堬紝reducer鍙牴鎹畇tate鍜宎ction杩欎袱涓弬鏁拌绠楁柊鐨勭姸鎬佸€硷紱绗簩锛屽繀椤婚伒寰笉鍙彉鍘熷垯锛屼笉鑳芥敼鍙樺凡鏈夌殑鐘舵€侊紝鍙兘澶嶅埗鐘舵€侊紝瀵瑰鍒剁殑鐗堟湰杩涜淇敼锛涚涓夛紝reducer灏嗛伩鍏嶄换浣曞壇浣滅敤锛屼緥濡傚紓姝ユ搷浣溿€俁eduxstore鏈変竴涓彨鍋歞ispatch鐨勬柟娉曘€傛洿鏂扮姸鎬佺殑鍞竴鏂规硶鏄皟鐢╯tore.dispatch()骞朵紶鍏ヤ竴涓姩浣滃璞°€俿tore灏嗚繍琛宺educer鍑芥暟骞跺皢鏂扮殑鐘舵€佸€间繚瀛樺湪閲岄潰锛屾垜浠彲浠ヨ皟鐢╣etState()鏉ユ绱㈡洿鏂板悗鐨勭姸鎬佸€笺€俁edux杩樻湁涓€涓猄elector鍑芥暟锛屽畠鐭ラ亾濡備綍浠庡瓨鍌ㄧ殑鐘舵€佸€间腑鎻愬彇鐗瑰畾淇℃伅銆傝繖鏈夊姪浜庨伩鍏嶉€昏緫閲嶅锛屽洜涓哄簲鐢ㄧ▼搴忓彉寰楄秺鏉ヨ秺澶э紝鍥犱负搴旂敤绋嬪簭鐨勪笉鍚岄儴鍒嗛渶瑕佽鍙栫浉鍚岀殑鏁版嵁銆傛渶鍚庯紝褰撳唴瀛樹腑鐨勫伐浣滃畬鎴愬悗锛孶I灏嗚幏寰楁洿鏂板悗鐨?0鐘舵€佸€笺€俁edux浣跨敤鈥滃崟鍚戞暟鎹祦鈥濆簲鐢ㄧ▼搴忕粨鏋勩€傚嵆棣栧厛state鎻忚堪浜嗗簲鐢ㄧ▼搴忓湪鏌愪釜鏃堕棿鐐圭殑鐘舵€侊紝UI灏嗘牴鎹鐘舵€佽繘琛屾覆鏌撱€傜浜岋紝褰撳簲鐢ㄧ▼搴忎腑鐨勬煇浜涗簨浠跺彂鐢熷彉鍖栨椂锛屾暟鎹彂鐢熷彉鍖栵紝UI浼氭牴鎹柊鐨勭姸鎬侀噸鏂版覆鏌撱€傚崟渚嬫ā寮忔瘮宸ュ巶妯″紡鏇存湁鏁堛€傚伐鍘傛ā寮忎娇鐢ㄥ伐鍘傚嚱鏁版潵鍒涘缓瀵硅薄銆傚畠鍏佽鎴戜滑璋冪敤宸ュ巶锛岃€屼笉鏄洿鎺ヤ娇鐢╪ew杩愮畻绗︽垨Object.create()浠庣被涓垱寤烘柊瀵硅薄銆傚湪JavaScript涓紝宸ュ巶妯″紡鍙笉杩囨槸涓€涓笉浣跨敤new鍏抽敭瀛楀氨杩斿洖涓€涓璞＄殑鍑芥暟銆傚伐鍘傚厑璁告垜浠皢瀵硅薄鐨勫垱寤轰笌鍏跺疄鐜板垎寮€銆備紭鐐规槸濡傛灉鎴戜滑鎯冲垱寤虹浉瀵瑰鏉傚拰鍙厤缃殑瀵硅薄锛屽伐鍘傛ā寮忓緢鏈夌敤銆傜己鐐规槸鍙兘浼氬崰鐢ㄨ緝澶氱殑鍐呭瓨銆倂aro=newObject(),n=newObject(1),s=Object('1'),b=Object(true);//testo.constructor===Object;//truen.constructor===Number;//trues.constructor===String;//trueb.constructor===甯冨皵鍊硷紱//true鍙︿竴涓緢甯歌鐨勪緥瀛愬氨鏄垜浠绠ご鍑芥暟锛坅rrowfunction锛夋槸宸ュ巶妯″紡銆傝繖鏍峰仛鐨勫師鍥犳槸锛屽鏋滅澶村嚱鏁颁綋鐢卞崟涓〃杈惧紡缁勬垚锛屽垯鍦ㄥ垱寤哄嚱鏁版椂浼氶棿鎺ヨ繑鍥炰竴涓璞★紝鍥犳瀹冩槸涓€涓皬鍨嬪伐鍘傚嚱鏁般€倂arcreateUser=(userName)=>({userName:userName});createUser("bar");//{userName:'bar'}createUser("foo");//{userName:'foo'}鍘熷瀷妯″紡鍘熷瀷灏辨槸鍦ㄨ澶氱浉鍚岀被鍨嬬殑瀵硅薄涔嬮棿鍏变韩灞炴€с€傚鏋滀粠闈濲avaScript鐨勮搴︽潵鐪嬶紝寰堝鍏朵粬璇█鍦ㄥ紩鍏ュ師鍨嬫ā寮忔椂閮戒細浣跨敤绫汇€傚疄闄呬笂鍦↗avaScript涓紝鍘熷瀷缁ф壙鍙互閬垮厤浣跨敤绫汇€傝繖鏍峰仛鏄负浜嗗彂鎸ヨ嚜韬殑浼樺娍锛岃€屼笉鏄瘯鍥炬ā浠垮叾浠栬瑷€鐨勭壒鎬с€侾rototype妯″紡涓嶄粎浣跨户鎵挎洿瀹规槗瀹炵幇锛岃€屼笖鎻愰珮浜嗘€ц兘锛屽綋鍦ㄥ璞′腑瀹氫箟鍑芥暟鏃讹紝瀹冧滑閮芥槸閫氳繃寮曠敤鍒涘缓鐨勶紙鍥犳鎵€鏈夊瓙瀵硅薄閮芥寚鍚戝悓涓€涓嚱鏁帮級锛岃€屼笉鏄垱寤轰竴涓崟鐙殑鍓湰銆傝繖绡囨枃绔犳槸浜屾湀浠紻ay1鐨勫涔犵瑪璁般€傚唴瀹规潵鑷瀬瀹㈡椂闂淬€奐vascript杩涢樁瀹炴垬璇俱€嬶紝涓€璧疯繘姝ヰ煉煉?/p>
