鈥嬧€婭oC锛屾帶鍒跺弽杞紙InversionofControl锛夈€傚畠鏄緷璧栧€掔疆鍘熷垯锛圖ependenceInversionPrinciple锛夌殑涓€绉嶅疄鐜帮紝鍗抽潰鍚戞帴鍙ｇ殑缂栫▼銆侷oC鐨勫疄鐜颁緷璧栦簬绗笁鏂瑰鍣紝鍙互灏嗗璞′笌渚濊禆瑙ｈ€︼紝闄嶄綆寮€鍙戝拰缁存姢鎴愭湰銆傛帴涓嬫潵锛岃鎴戜滑閫氳繃涓€涓畬鏁寸殑渚嬪瓙鏉ユ繁鍏ヤ簡瑙ｄ竴涓嬭繖浜涙蹇点€傞渶瑕佹墿灞曠殑涓€涓笟鍔℃ā鍧楅鍏堟垜浠潵鐪嬩竴涓緥瀛愶細classOrder{constructor(){}getInfo(){console.log('杩欐槸璁㈠崟淇℃伅')}}letorder=newOrder('NewOrder');order.getInfo()涓婇潰鐨勪唬鐮佹槸鏌愮郴缁熺殑涓€涓鍗曠鐞嗘ā鍧楋紝鐩墠鐨勫姛鑳芥槸杈撳嚭璁㈠崟淇℃伅銆備负璁㈠崟妯″潡娣诲姞璇勪环鍔熻兘闅忕潃涓氬姟鐨勫彂灞曪紝闇€瑕佷负璁㈠崟娣诲姞璇勪环鍔熻兘锛氬厑璁哥敤鎴峰璁㈠崟杩涜璇勪环锛屼互鎻愰珮鏈嶅姟璐ㄩ噺銆傚緢绠€鍗曠殑瑕佹眰锛屽鍚э紵瀵瑰師浠ｇ爜绋嶄綔淇敼锛屽鍔犺瘎浠锋ā鍧楋細classRate{star(stars){console.log('鎮ㄥ璁㈠崟鐨勮瘎浠锋槸%sstars',stars);}}classOrder{constructor(){this.rate=newRate();}//鐪佺暐妯″潡鐨勫叾浣欓儴鍒?..}letorder=newOrder('NewOrder');order.getInfo();order.rate.star(5);asmall鍙槸涓€涓皬鏀瑰姩锛屽疄鐜拌捣鏉ヤ篃寰堢畝鍗曪細娣诲姞涓€涓柊鐨勮瘎浼版ā鍧楋紝骞跺皢鍏朵綔涓轰緷璧栧鍏ュ埌璁㈠崟妯″潡涓€傚緢蹇玅A娴嬭瘯閫氳繃浜嗭紝鍠濇澂鍜栧暋搴嗙涓€涓嬧槙锔忕粰妯″潡娣诲姞鍒嗕韩鍔熻兘鍒氭嬁璧锋澂瀛愶紝鍙戠幇IM涓婄殑浜у搧鍚屽澶村儚浜簡锛歅M锛氬鏋滀笅鍗曞拰璇勮鍙互鍒嗕韩鍒版湅鍙嬪湀绛夊満鏅劧鍚庝細澶уぇ鎻愬崌xxxxxRD:濂界殑锛屾垜鐮旂┒浜嗕竴涓嬪氨鍔犱簡璇勫垎妯″潡锛屽垎浜ā鍧楁病浠€涔堝ぇ涓嶄簡鐨勶細classRate(){/**璇勪环妯″潡鐨勫疄鐜?/}classShare(){shareTo(platform){switch(platform){case'wxfriend':console.log('鍒嗕韩缁欏井淇″ソ鍙?);浼戞伅;case'wxposts':console.log('鍒嗕韩鍒版湅鍙嬪湀');浼戞伅;case'寰崥':console.log('鍒嗕韩鍒板井鍗?);浼戞伅;default:console.error('鍒嗕韩澶辫触锛岃妫€鏌ュ钩鍙?);浼戞伅;}}}classOrder{constructor(){this.rate=newRate();this.share=newShare();}//淇濆瓨妯″潡鐨勫叾浣欓儴鍒?..}constorder=newOrder();order.share.shareTo('wxposts');杩欐杩樻坊鍔犱簡涓€涓猻hare妯″潡锛岀劧鍚庡湪order妯″潡涓紩鍏ャ€傞噸鍐欏苟杩愯鍗曞厓娴嬭瘯鍚庯紝QA闇€瑕佹祴璇昐hare妯″潡锛屽苟瀵筄rder妯″潡杩涜鍥炲綊娴嬭瘯銆傚ソ鍍忓摢閲屼笉瀵癸紵鍙互棰勮锛岃鍗曟ā鍧楄繕澶勪簬鎴戜滑浜у搧鐢熷懡鍛ㄦ湡鐨勬棭鏈熼樁娈碉紝鍏舵墿灞?鍗囩骇鎴栫淮鎶ゅ湪鏈潵灏嗘槸闈炲父棰戠箒鐨勪簨鎯呫€傚鏋滄垜浠瘡娆￠兘淇敼涓绘ā鍧楀拰渚濊禆妯″潡锛岃櫧鐒跺彲浠ユ弧瓒宠姹傦紝浣嗘槸瀵瑰紑鍙戝拰娴嬭瘯涓嶅鍙嬪ソ锛氬弻鍗曟祴璇曪紙濡傛灉浣犳湁鐨勮瘽锛夛紝smoke,regression...鍜屼笟鍔￠€昏緫鐢熶骇鐜鐨勪緷璧栧叧绯昏繙姣旂ず渚嬩腑鏄剧ず鐨勫鏉傘€傝繖绉嶄笉瀹屽叏绗﹀悎寮€闂師鍒欑殑鏂规硶寰堝鏄撲骇鐢熼澶栫殑bug銆備娇鐢↖oC鐨勬€濇兂杞崲妯″潡椤惧悕鎬濅箟锛孖oC鐨勪富瑕佷綔鐢ㄦ槸鍙嶈浆妯″潡鐨勬帶鍒躲€傚湪涓婇潰鐨勪緥瀛愪腑锛屾垜浠皢Order绉颁负楂樺眰妯″潡锛屽皢Rate鍜孲hare绉颁负浣庡眰妯″潡锛涢珮灞傛ā鍧椾緷璧栦簬搴曞眰妯″潡銆侷oC鍙嶈浆浜嗚繖绉嶄緷璧栧叧绯伙細楂樺眰妯″潡瀹氫箟鎺ュ彛锛屼綆灞傛ā鍧楀疄鐜版帴鍙ｏ紱杩欐牱褰撴垜浠慨鏀规垨鑰呭鍔犳柊鐨勫簳灞傛ā鍧楁椂锛屽氨涓嶄細杩濆弽寮€闂師鍒欍€傚畠鐨勫疄鐜伴€氬父鏄緷璧栨敞鍏ワ細鍗冲皢渚濊禆鐨勪綆灞傛ā鍧楁敞鍏ュ埌楂樺眰妯″潡涓€傚湪楂樺眰妯″潡涓畾涔夐潤鎬佸睘鎬ф潵缁存姢渚濊禆锛歝lassOrder{//Map鐢ㄤ簬缁存姢渚濊禆staticmodules=newMap();constructor(){for(letmoduleofOrder.modules.values()){//璋冪敤妯″潡鍒濆鍖栨柟娉昺odule.init(this);}}//灏嗘ā鍧楁敞鍏ュ埌渚濊禆鏄犲皠涓璼taticinject(module){Order.modules.set(module.constructor.name,module);}/**鍏朵綑閮ㄥ垎*/}classRate{init(order){order.rate=this;}star(stars){console.log('鎮ㄥ璁㈠崟鐨勮瘎浠锋槸%sstar',stars);}}constrate=newRate();//娉ㄥ叆渚濊禆Order.inject(rate);constorder=newOrder();order.rate.star(4);鍦ㄤ笂闈㈢殑渚嬪瓙涓紝鍦∣rder绫讳腑缁存姢浜嗚嚜宸辩殑渚濊禆妯″潡锛屽苟鍦ㄦā鍧椾腑瀹炵幇浜嗗垵濮嬪寲鏋勯€犲嚱鏁版椂璋冪敤Order鐨刬nit鏂规硶銆傝繖鏃跺€橭rder灏卞彲浠ュ彨鍋氬鍣ㄤ簡锛屼粬浼氭妸渚濊禆鏀惧湪鑷繁鐨勫寘閲屻€傚啀娆＄悊瑙ｏ紝IoC瀹屾垚浜嗚鍗曟ā鍧楃殑鏀归€犮€傛垜浠洖杩囧ご鏉ョ湅IoC锛氫緷璧栨敞鍏ュ氨鏄皢楂樺眰妯″潡鐨勪綆灞備緷璧栦互鍙傛暟鐨勫舰寮忔敞鍏ュ叾涓€傝鏂规硶鍙互鍦ㄤ笉褰卞搷楂樺眰渚濊禆鐨勬儏鍐典笅淇敼浣庡眰渚濊禆銆傚眰娆＄粨鏋勭浉鍏炽€備絾鏄娉ㄦ剰娉ㄥ叆鐨勬柟寮忥紝鍥犱负鎴戜滑涓嶅彲鑳藉湪楂樺眰妯″潡涓簨鍏堢煡閬撴墍鏈夎渚濊禆鐨勪綆灞傛ā鍧楋紝涔熶笉搴旇鍘讳緷璧栧簳灞傜殑鍏蜂綋瀹炵幇楂樼骇妯″潡涓殑妯″潡銆傚洜姝ゆ敞鍏ラ渶瑕佸垎涓轰袱閮ㄥ垎锛氶珮灞傛ā鍧楅€氳繃loader鏈哄埗瑙ｈ€﹀浣庡眰妯″潡鐨勪緷璧栵紝杩涜€屼緷璧栧簳灞傛ā鍧楃殑鎶借薄锛涗綆灞傛ā鍧楃殑瀹炵幇鎸夌収绾﹀畾鐨勬娊璞″疄鐜帮紝灏咲ependency娉ㄥ叆鍒伴珮灞傛ā鍧椾腑銆傝繖鏍凤紝楂樺眰妯″潡鑴辩浜嗕笟鍔￠€昏緫锛屾垚涓轰綆灞傛ā鍧楃殑瀹瑰櫒锛岃€屽簳灞傛ā鍧楀垯闈㈠悜鎺ュ彛缂栫▼锛氬彧闇€瑕佹弧瓒冲鎺ュ彛鍒濆鍖栫殑绾﹀畾楂樼骇妯″潡銆傝繖灏辨槸鎺у埗鍙嶈浆锛氶€氳繃娉ㄥ叆渚濊禆灏嗘帶鍒朵紶閫掔粰渚濊禆鐨勪綆绾фā鍧椼€傛洿绠€娲侀珮鏁堢殑IoC瀹炵幇涓婇潰渚嬪瓙涓璉oC鐨勫疄鐜拌繕鏄湁鐐圭箒鐞愶細妯″潡闇€瑕佹樉寮忓０鏄巌nit鏂规硶锛屽鍣ㄩ渶瑕佹樉寮忔敞鍏ヤ緷璧栧苟鍒濆鍖栥€傛垜浠彲浠ラ€氳繃灏嗚繖浜涗笌涓氬姟鏃犲叧鐨勫唴瀹瑰皝瑁呮垚鍩虹被鍜屽瓙绫昏繘琛岀户鎵匡紝鎴栬€呴€氳繃瑁呴グ鍣ㄦ柟娉曡繘琛岀畝鍖栨潵浼樺寲杩欎簺鍐呭銆傝楗板櫒涓烘垜浠彁渚涗簡涓€绉嶉€氳繃鍏冪紪绋嬭娉曞湪绫诲０鏄庡拰鎴愬憳涓婃坊鍔犳敞瑙ｇ殑鏂规硶銆侸avascript涓殑瑁呴グ鍣ㄧ洰鍓嶅浜庢彁妗堝緛闆嗙殑绗?闃舵锛屼絾鍦═ypeScript涓綔涓哄疄楠屾€у姛鑳藉緱鍒版敮鎸併€傛帴涓嬫潵锛屾垜浠皢閲嶇偣浠嬬粛濡備綍閫氳繃瑁呴グ鍣ㄥ疄鐜癐oC銆傞€氳繃绫昏楗板櫒娉ㄥ叆浠ヤ笅绀轰緥浠ｇ爜閮芥槸TypeScript銆傞鍏堬紝鎴戜滑瀹炵幇浣庣骇妯″潡銆傝繖浜涗笟鍔℃ā鍧楀彧澶勭悊鑷繁鐨勪笟鍔￠€昏緫锛屼笉闇€瑕佸叧娉ㄥ叾浠栫殑锛殅}classRate{star(stars:string){console.log(`Rated${stars}stars`);}}classShare{shareTo(platform:string){switch(platform){case'wxfriend':console.log('鍒嗕韩缁欏井淇″ソ鍙?);浼戞伅;case'wxposts':console.log('鍒嗕韩鍒版湅鍙嬪湀');浼戞伅;case'weibo':console.log('鍒嗕韩鍒板井鍗?);浼戞伅;default:console.error('鍒嗕韩澶辫触锛岃妫€鏌ュ钩鍙?);浼戞伅;鎺ヤ笅鏉ワ紝鎴戜滑瀹炵幇涓€涓被瑁呴グ鍣ㄦ潵瀹炰緥鍖栦緷璧栫殑浣庣骇妯″潡骞跺皢瀹冧滑娉ㄥ叆鍒板鍣ㄥ唴閮細functionInject(modules:any){returnfunction(target:any){)=>{target.prototype[module.name]=newmodule();});};}鏈€鍚庡湪瀹瑰櫒绫讳笂浣跨敤杩欎釜瑁呴グ鍣細@Inject([Aftermarket,Share,Rate])classOrder{constructor(){}/**鍏朵粬瀹炵幇鐪佺暐*/}constorder:any=newOrder();order.Share.shareTo('facebook');浣跨敤灞炴€ц楗板櫒瀹炵幇鍦║majs涓娇鐢ㄥ睘鎬ц楗板櫒瀹炵幇娉ㄥ叆渚濊禆Umajs鎻愪緵浜咢Resource瑁呴グ鍣ㄥ拰@Inject瑁呴グ鍣ㄣ€傚叾涓瑻Resource鏄竴涓被瑁呴グ鍣紝瀹冧慨楗扮殑绫荤殑瀹炰緥浼氳娉ㄥ叆鍒癠majs鐨処oC瀹瑰櫒涓細@Resource()classShare{}@Inject鏄竴涓睘鎬ц楗板櫒锛屽彲浠ュ湪绫讳腑浣跨敤灏嗚楗扮被@Resource瀹炰緥娉ㄥ叆鎸囧畾鍙橀噺锛歝lassOrder{@Inject('share')share:Share;/**鍏朵粬瀹炵幇鐣?/}鍙﹀锛孶majs浣滀负涓€涓畝娲佷紭闆呯殑妗嗘灦锛岃繕鍐呯疆浜嗗鍧€浼樺寲锛屽彲浠ユ洿楂樻晥鐨勮幏鍙栬祫婧愩€傛病鏈夌伒涓瑰鑽€侷oC铏界劧寰堝己澶э紝浣嗗畠浠嶇劧鍙槸涓€绉嶈璁℃€濊矾锛屾槸鍦ㄦ煇浜涘満鏅笅瀵硅В鍐虫柟妗堢殑鎻愮偧銆傚畠涓嶈兘涔熶笉鑳借В鍐抽珮鑰﹀悎甯︽潵鐨勬墍鏈夐棶棰樸€備綔涓哄紑鍙戣€咃紝鎴戜滑鏈夊繀瑕佹槑纭摢浜涘満鏅€傚悎鍝簺鏂规銆傛€荤粨鍦ㄤ竴涓鏉傜殑绯荤粺涓紝楂樿€﹀悎浼氬鑷存洿楂樼殑寮€鍙戝拰缁存姢鎴愭湰銆侷oC浣跨敤瀹瑰櫒鏉ュ疄鐜拌В鑰︼紝闄嶄綆绯荤粺澶嶆潅搴︺€傚疄鐜癐oC鐨勮楗板櫒鏇村姞绠€娲侀珮鏁堛€傛病鏈夌伒涓瑰鑽弬鑰僼slang-decoratorsUmajs馃暞锔廟.I.P.
