濡傛灉瑙夊緱鏂囩珷涓嶉敊锛屾杩庡叧娉ㄧ偣璧炲垎浜紒缁х画鍒嗕韩鎶€鏈崥鏂囷紝鍏虫敞寰俊鍏紬鍙佛煈夝煆讳粈涔堟槸鍓嶇LeBron鍙戝竷璁㈤槄妯″紡鍙戝竷璁㈤槄妯″紡锛屽畠瀹氫箟浜嗙▼搴忓璞′箣闂翠竴瀵瑰鐨勪緷璧栧叧绯汇€傚綋涓€涓璞＄殑鐘舵€佸彂鐢熷彉鍖栨椂锛屾墍鏈変緷璧栧畠鐨勫璞￠兘浼氭敹鍒伴€氱煡骞剁浉搴斿湴閲囧彇琛屽姩銆傛棩甯哥敓娲讳腑锛屽父瑙佺殑鍙戝竷璁㈤槄妯″紡鏈夛細璁㈤槄鍙凤紝鐢ㄦ埛鍏虫敞璁㈤槄鍙凤紝鍐呭鍒涗綔鑰呭湪骞冲彴鍙戝竷鍐呭鍚庯紝骞冲彴閬嶅巻绮変笣鍒楄〃鎺ㄩ€佸唴瀹癸紱閿€鍞腑浠嬶紝瀹㈡埛鐣欎笅瀹㈡埛淇℃伅鍜孋ontact淇℃伅锛屾柊鍝佷笂绾挎椂锛岀粰瀹㈡埛涓€涓釜鎵撶數璇濆浼犵瓑銆傘€傘€傚彂甯冭闃呮ā鍨嬩竴鑸敱涓夌被瀵硅薄缁勬垚锛氬皢瑕佸彂甯冪殑浜嬩欢浼犻€掔粰閫氶亾涓粙ChannelintermediateEventChannel锛屼綔涓哄彂甯冨拰璁㈤槄鐨勪腑浠嬶紝闇€瑕佺紦瀛樺搴斾簨浠剁殑璁㈤槄鑰呭垪琛紝鍦ㄥ彂甯冭€呭彂甯冩椂閬嶅巻璁㈤槄鑰呭垪琛ㄥ苟閫氱煡浠栦滑锛岄€氱煡璁㈤槄鑰呰闃呰€呰闃呬簨浠讹紝骞跺畾涔変簨浠跺彂甯冨悗鐨勬搷浣滐紝鍚戦€氶亾涓粙鍙戣捣璁㈤槄鍙戝竷璁㈤槄妯″紡鐨勫簲鐢ㄤ篃浠嬬粛浜嗗彂甯冭闃呮ā寮忓湪鏃ュ父鐢熸椿鍜屽墠绔紑鍙戜腑鐨勪娇鐢ㄥ満鏅伐浣滐紝渚嬪鍘熺敓DOM浜嬩欢銆傛毚闇茶闃呮帴鍙ｅ悗锛屽紑鍙戣€呮棤闇€閲嶅鏌ヨ浜嬩欢鏄惁瀹屾垚锛涘紓姝ュ湪缂栫▼璇锋眰涓紝寮€鍙戣€呬笉闇€瑕佽疆璇TTP璇锋眰鐨勭姸鎬侊紝鍙互璁㈤槄璇锋眰鐨勬垚鍔熴€侀敊璇€佹洿鏂扮瓑浜嬩欢銆傚湪缂栫▼椋庢牸涓婏紝鍙戝竷-璁㈤槄妯″瀷鍏佽涓や釜瀵硅薄鍦ㄦ澗鏁ｈ€﹀悎涓嬪缓绔嬪叧绯伙紝涓嶉渶瑕佹樉寮忓湴灏嗘帴鍙ｈ皟鐢ㄧ‖缂栫爜鍒板彟涓€涓璞′腑锛屽彂甯冭€呭拰璁㈤槄鑰呮病鏈変唬鐮佸彉鍖栥€備細鐩镐簰褰卞搷锛屾垜浠潵鐪嬬湅鍓嶇寮€鍙戞渶甯歌鐨勫彂甯?璁㈤槄妯″瀷搴旂敤锛欴OM浜嬩欢鍜岃嚜瀹氫箟浜嬩欢銆侱OM浜嬩欢浠庣畝鍗曞埌澶嶆潅锛孌OM浜嬩欢鏄墠绔紑鍙戜腑鏈€甯歌鏈€绠€鍗曠殑鍙戝竷璁㈤槄妯″紡搴旂敤document.body.addEventListener('click',function(){alert(1);},false);//鍓嶈€呮坊鍔犺闃呰€呬篃涓嶅彈褰卞搷document.body.addEventListener('click',function(){alert(2);},false);document.body.click();//妯℃嫙鐢ㄦ埛鐐瑰嚮鑷畾涔変簨浠朵笂闈互璁㈤槄鍙蜂负渚嬶紝瀹炵幇涓€涓畝鍗曠殑鑷畾涔変簨浠讹紝楂樼骇鍙戝竷璁㈤槄妯″紡搴旂敤constsubscription={};//璁㈤槄鑰呭垪琛╯ubscription.subscriber=[];//璁㈤槄鍑芥暟subscription.subscribe=function(fn){this.subscriber.push(fn);};//鍙戝竷鍑芥暟subscription.publish=function(){this.subscriber.forEach((fn)=>{fn.apply(this,arguments);});};//Fans1subscribesubscribe.subscribe((article)=>{console.log(`fans1receive${article}`);});//Fans2subscribesubscription.subscribe((article)=>{console.log(`fans2receive${article}`);});//璁㈤槄鍙穚ublishconstarticle='article'subscription.publish(article);//fans1鎺ユ敹鏂囩珷//fans2鎺ユ敹鏂囩珷涓€鑸彂甯?璁㈤槄妯″紡涓婇潰鑷畾涔変簨浠剁殑渚嬪瓙鍙兘闄愬埗鍦ㄥ崟涓闃呭彿鍦烘櫙锛岄殧绂籩ve鐨勫彂甯冨拰璁㈤槄nts閫氳繃key瀹炵幇閫氱敤鐨勫彂甯冭闃呮ā寮?/閫氱敤鐨勫彂甯冭闃呮ā寮廲lassEventEmitter{//璁㈤槄鑰呭垪琛╯ubscriber={};//璁㈤槄subscribe(key,fn){if(!Array.isArray(this.subscriber[key])){this.subscriber[key]=[];}this.subscriber[key].push(fn);}//鍙栨秷鍗曚釜璁㈤槄unsubscribe(key,fn){constsubscribers=this.subscriber[key]||[];this.subscriber[key]=subscribers.filter((_fn)=>_fn!==fn);}//鍙栨秷鎵€鏈夎闃卽nsubscribeAll(key){this.subscriber[key]=[];}//鍙戝竷publish(key,...args){constsubscribers=this.subscriber[key]||[];if(subscribers.length===0){console.log("娌℃湁璁㈤槄鑰?);}subscribers.forEach((subscriber)=>{subscriber.apply(this,args);});}}//鍒涘缓涓€涓彂甯?璁㈤槄閫氶亾涓粙conste=newEventEmitter();//鍙戝竷鑰卌onstpublisher={article1:'article1',article2:'article2',};//璁㈤槄鑰卌onstsubscriber1=(article)=>{console.log(`fans1鏀跺埌${article}`);};constsubscriber2=(article)=>{console.log(`fans2receive${article}`);};//璁㈤槄鎿嶄綔e.subscribe('event1',璁㈡埛1);e.subscribe('event1',subscriber2);//鍙戝竷鎿嶄綔e.publish('event1',publisher.article1);//fans1鎺ユ敹article1//fans2鎺ユ敹article1//澶氫簨浠跺彂甯冭闃卐.subscribe('event2',subscriber1);e.publish('event2',publisher.article1);//fans1鏀跺埌article1//鍙栨秷鍗曟璁㈤槄e.unsubscribe('event1',subscriber1);e.publish('event1',publisher.article2);//fans2鏀跺埌article2//鍙栨秷鎵€鏈夎闃卐.unsubscribeAll('event1');e.publish('event1');//妯″潡闂存病鏈夎闃呰€呴€氫俊妯℃嫙濡備笅鍦烘櫙锛屽彲浠ュ湪涓€涓腑鍙板钩鍙颁笂鎺ュ叆澶氫釜搴旂敤銆傚湪涓嶅悓搴旂敤涔嬮棿鍒囨崲鏃讹紝闇€瑕侊細鎷夊彇鏂扮殑搴旂敤淇℃伅銆佹媺鍙栨柊鐨勫簲鐢ㄨ缃€佹媺鍙栨柊搴旂敤鐨勭敤鎴锋潈闄愪俊鎭€侀噸缃竴绯诲垪缂撳瓨鏁版嵁锛岃€岃繖浜涗笟鍔￠€昏緫鍜屾搷浣滈兘灏佽鍦ㄥ悇鑷殑store鎴栫粍浠朵腑.濡傛灉涓嶉噰鐢ㄥ彂甯冭闃呮ā寮忥紝浠ｇ爜鍙兘濡備笅锛涘鏋滄湁鏂扮殑鍏ュ彛鍒囨崲搴旂敤锛孋V闇€瑕侀噸澶嶇浉鍚岀殑浠ｇ爜锛?/鎺у埗骞冲彴椤甸潰鍑芥暟openApp(){userStore.getPermission();appStore.getAppInfo();settingStore.getAppSetting();dataStore.resetDataCache();}鑰屽鏋滃簲鐢ㄧ殑鏄彂甯?璁㈤槄妯″紡锛屽彧闇€瑕佹墽琛岃闃呭拰鍙戝竷鎿嶄綔灏辫冻浠ラ檷浣庢ā鍧椾箣闂寸殑鑰﹀悎搴︺€傚鏋滄坊鍔犲垏鎹㈠簲鐢ㄧ殑鍏ュ彛锛屽彧闇€瑕佷负鈥滃彂甯冣€濇搷浣滄坊鍔犱竴琛屼唬鐮?/event.js//鍒涘缓鍏ㄥ眬鍙戝竷璁㈤槄閫氶亾exportconstevent=newEventEmitter();//闆嗕腑寮忕淮鎶や簨浠跺悕绉颁互閬垮厤閲嶅鍛藉悕exportconstEVENT_TYPE={OPEN_APP:'OPEN_APP',};//user.jsevent.subscribe(EVENT_TYPE.OPEN_APP,getPermission);//app.jsevent.subscribe(EVENT_TYPE.OPEN_APP,getAppInfo);//setting.jsevent.subscribe(EVENT_TYPE.OPEN_APP,getAppSetting);//data.jsevent.subscribe(EVENT_TYPE.OPEN_APP,resetDataCache);//console.jsfunctionopenApp(){event.publish(EVENT_TYPE.OPEN_APP);}瑙傚療鑰呮ā寮忎笌鍙戝竷鈥斺€旇闃呮ā寮忚瀵熻€呮ā寮忎笌鍙戝竷鈥斺€旀渶澶ц闃呮ā寮忕殑鍖哄埆鍦ㄤ簬锛氳瀵熻€呮ā寮忕敱鐗瑰畾鐩爣锛坥bservedobject锛夎皟搴﹀彂甯冣€斺€旇闃呮ā寮忕敱璋冨害涓績锛坈hannelintermediary锛夌粺涓€璋冨害鍙戝竷鈥斺€旇闃呮ā寮忚繕鍙互澶氫竴涓皟搴︿腑蹇冿紙閫氶亾涓粙锛夋瘮瑙傚療鑰呮ā寮忕悊瑙ｅ彂甯冭闃呮ā寮忔槸鍩轰簬瑙傚療鑰呮ā寮忚繘琛岄€氱敤璁捐鐨勶紝鏉炬暎鑰﹀悎锛屾洿鍔犵伒娲汇€傝瀵熻€呮ā寮忓拰鍙戝竷璁㈤槄妯″紡鐨勫墠绔疄璺靛寘鎷琕ue鐨勬暟鎹弻鍚戠粦瀹氬拰Vue鐩稿叧瀹炵幇鐨勪簨浠舵€荤嚎EventBus銆傛湁鍏磋叮鐨勫彲浠ョ湅鐪嬩笅闈㈠嚑绡嘨ue鐨勫墠涓栦粖鐢烿ue鐨勯珮绾iff绠楁硶璇﹁В銆愭帹鑽愭敹钘忋€戣繖閲屾湁浣犳兂鐭ラ亾鐨刅ue3鏍稿績婧愮爜銆愭簮鐮佽В璇汇€戣鎳俈uex4婧愮爜鎬荤粨鈥斿璁㈤槄妯″紡鏈変竴涓ぇ姒傜殑浜嗚В锛屽叾浼樺娍鏄潪甯告槑鏄剧殑銆傛椂搴忓拰瀵硅薄鐨勮В鑰﹀湪寮傛缂栫▼涓骞挎硾浣跨敤锛屽悓鏃跺府鍔╂垜浠畬鎴愭澗鑰﹀悎鐨勪唬鐮佺紪鍐欍€備絾瀹冧篃涓嶆槸娌℃湁缂虹偣锛屽璞′箣闂村繀瑕佺殑鑱旂郴浼氳娣卞煁鍦ㄥ悗鍙帮紝杩欏彲鑳戒娇绋嬪簭闅句互璺熻釜銆佺淮鎶ゅ拰鐞嗚В銆傚垱寤鸿闃呰€呭璞″拰瀛樺偍鍒楄〃闇€瑕佷竴瀹氱殑鏃堕棿鍜屽唴瀛橈紝鑰屽緢澶氳闃呰€呰闃呬竴涓簨浠跺悗锛屼簨浠舵病鏈夎瑙﹀彂锛屼絾鏄繖鍧楀唴瀛樹竴鐩磋鍗犵敤銆傛湁浼樼偣涔熸湁缂虹偣銆備笉瑕佷负浜嗕娇鐢ㄨ€屼娇鐢ㄥ畠銆傞€傚悎鍦烘櫙鍜屼笟鍔＄殑鏈€濂姐€傝璁℃ā寮忕郴鍒楁枃绔犳帹鑽怞avaScript璁捐妯″紡-鍗曚緥妯″紡JavaScript璁捐妯″紡-绛栫暐妯″紡JavaScript璁捐妯″紡-浠ｇ悊妯″紡缁х画鍒嗕韩鎶€鏈崥鏂囷紝娆㈣繋鍏虫敞锛佸井淇″叕浼楀彿锛欶rontLeBronNuggets锛欶rontLeBron鐭ヤ箮锛欶rontLeBron
