浣滆€咃細SamanthaMing璇戣€咃細鍓嶇灏忔櫤鏉ユ簮锛歮edium鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖浣嶅噷鏅ㄨ繕鍦ㄦ礂纰楃殑娲楃鏅烘収銆傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€傚鏋滀綘鎯宠幏鍙栫珯鐐圭殑URL淇℃伅锛岄偅涔坵indow.location瀵硅薄灏遍潪甯搁€傚悎浣狅紒浣跨敤鍏跺睘鎬ц幏鍙栨湁鍏冲綋鍓嶉〉闈㈠湴鍧€鐨勪俊鎭紝鎴栧叾鐢ㄤ簬鏌愪簺椤甸潰閲嶅畾鍚戞垨鍒锋柊鐨勬柟娉曫煉玥ttps://segmentfault.com/sear...window.location.origin鈫?"https://segmentfault.com'.protocol鈫?https:'.host鈫?segmentfault.com'.hostname鈫?segmentfault.com'.port鈫?'.pathname鈫?/search'.search鈫??q=FrontendXiaozhi'.hash鈫?#2'.href鈫?https://segmentfault.com/search?q=FrontendXiaozhi#2'window.location.assign('url').replace('url').reload().toString()window.location灞炴€indow.location杩斿洖鍊?origin绔欑偣涓诲湴鍧€(protocol+hostname+port).protocol鍗忚鏋舵瀯(http:鎴杊ttp:).host鍩熷悕+port.portport.pathname'/鍦ㄩ椤?鍚庤窡path.search?鍚庨潰鏄痲uerystring.hash閮ㄥ垎浠?.href寮€濮媓ost鍜宧ostname鐨勫畬鏁碪RL鍖哄埆鍦ㄤ笂闈㈢殑渚嬪瓙涓紝浣犲彲鑳藉凡缁忔敞鎰忓埌host鍜宧ostname杩斿洖鐩稿悓鐨勫€笺€傞偅涔堜负浠€涔堣杩欎簺灞炴€с€傚棷锛岃繖璺熺鍙ｅ彿鏈夊叧锛屾垜浠潵鐪嬩竴涓嬨€傛病鏈夌鍙ｇ殑URLhttps://segmentfault.com/searchwindow.location.host锛?/'segmentfault.com'window.location.hostname;//'segmentfault.com'window.location.port;//''甯︾鍙RLhttps://segmentfault.com/sear...window.location.host;//'segmentfault.com:8080'window.location.hostname;//'segmentfault.com'window.location.port;//'8080'鍥犳锛宧ost灏嗗寘鍚鍙ｅ彿锛岃€宧ostname灏嗕粎杩斿洖涓绘満鍚嶃€傚浣曟洿鏀筓RL灞炴€ф垜浠笉浠呭彲浠ヨ皟鐢╨ocation`灞炴€ф潵妫€绱RL淇℃伅锛岃繕鍙互浣跨敤瀹冩潵璁剧疆鏂板睘鎬у拰鏇存敼URL銆?/鍚姩'https://segmentfault.com/'window.location.pathname='/tidbits';//璁剧疆璺緞鍚?/缁撴灉'https://segmentfault.com/tidbits'浠ヤ笅鏄偍鍙互鏇存敼鐨勫睘鎬у畬鏁村垪琛?/绀轰緥window.location.protocol='https'.host='localhost:8080'.hostname='localhost'.port='8080'.pathname='path'.search='querystring'//锛堣繖閲屼笉鐢ㄥ啓`?`锛?hash='hash'//锛堣繖閲屼笉鐢?涓嶉渶瑕佸啓`#`).href='url'鍞竴涓嶈兘璁剧疆鐨勫睘鎬ф槸window.location.origin锛屽畠鏄彧璇荤殑銆侺ocation瀵硅薄window.location杩斿洖涓€涓狶ocation瀵硅薄銆傚畠涓烘垜浠彁渚涗簡鏈夊叧椤甸潰褰撳墠鍦板潃鐨勪俊鎭€備絾鎴戜滑涔熷彲浠ラ€氳繃澶氱鏂瑰紡璁块棶鈥嬧€婰ocation瀵硅薄銆倃indow.location鈫扡ocationwindow.document.location鈫扡ocationdocument.location鈫扡ocationlocation鈫扡ocation鎴戜滑杩欐牱鍋氱殑鍘熷洜鏄繖浜涙槸鎴戜滑娴忚鍣ㄤ腑鐨勫叏灞€鍙橀噺銆倃indow.locationvslocation鐨勪笂杩板洓涓睘鎬ч兘鎸囧悜鍚屼竴涓狶ocation瀵硅薄銆傛垜涓汉鏇村枩娆indow.location骞朵笖瀹為檯涓婁細閬垮厤瀹氫綅銆備富瑕佹槸鍥犱负location鐪嬭捣鏉ュ儚涓€涓櫘閫氱殑鍙橀噺锛屾垜浠湁鏃朵細涓嶅皬蹇冨皢鍏跺懡鍚嶄负鍙橀噺锛岃繖浼氳鐩栧叏灞€鍙橀噺銆備緥濡傦細//https://www.samanthaming.comlocation.protocol;//'https'鍑芥暟localFile(){constlocation='/sam';杩斿洖浣嶇疆.鍗忚锛?/鉂寀ndefined//b/clocal"location"hasoverridetheglobalvariable}鎴戞兂澶у鏁板紑鍙戣€呴兘鐭ラ亾window鏄竴涓叏灞€鍙橀噺銆傝繖鏍峰氨涓嶅お鍙兘寮曡捣娣锋穯銆傝€佸疄璇达紝鍦ㄥ啓杩欑瘒鏂囩珷涔嬪墠锛屾垜骞朵笉鐭ラ亾location鏄竴涓叏灞€鍙橀噺銆傚缓璁偍浣跨敤window.location鑰屼笉鏄叾浠栧啓娉曘€倃indow.location鏂规硶鍑芥暟銆俛ssign()鍔犺浇涓€涓柊鏂囨。銆俽eplace()鐢ㄦ柊鏂囨。鏇挎崲褰撳墠鏂囨。銆俽eload()閲嶆柊鍔犺浇褰撳墠椤甸潰銆俽eload()杩斿洖鐨刄RL澶у閮借绠€鍘嗛噷娌℃湁椤圭洰鍙啓锛屾垜缁欏ぇ瀹舵壘浜嗕釜椤圭洰锛岃繕缁欎簡涓€愭惌寤烘暀绋嬨€戙€倃indow.location.toString鏍规嵁MDN锛氳鏂规硶杩斿洖URL鐨刄SVString锛屽畠鏄疞ocation.href鐨勫彧璇荤増鏈€備篃灏辨槸璇达紝鎴戜滑鍙互杩欐牱鑾峰彇href鐨勫€硷細//https://www.samanthaming.comwindow.location.href;//https://www.samanthaming.comwindow.location.toString();//https://www.samanthaming.comassign涓巖eplace杩欎袱绉嶆柟娉曢兘閲嶅畾鍚戞垨瀵艰埅鍒板彟涓€涓猆RL銆備笉鍚屼箣澶勫湪浜巃ssign灏嗗綋鍓嶉〉闈繚瀛樺湪鍘嗗彶璁板綍涓紝鍥犳鐢ㄦ埛鍙互浣跨敤鈥滃悗閫€鈥濇寜閽鑸埌瀹冦€傝€屼娇鐢╮eplace鏂规硶鏃讹紝鏄笉淇濆瓨鐨勩€傝鎴戜滑鐪嬩竴涓緥瀛愩€傚垎閰?銆傛墦寮€涓€涓柊鐨勭┖鐧介〉2銆傝緭鍏ww.samanthaming.com锛堝綋鍓嶉〉闈級3銆備娇鐢╜window.location.assign('https://www.w3schools.com')`鍔犺浇鏂伴〉闈?銆傛寜鈥滆繑鍥炰笂涓€椤碘€?.杩斿洖馃憠www.samanthaming.comReplace1銆傛墦寮€涓€涓柊鐨勭┖鐧介〉2銆傝緭鍏ww.samanthaming.com锛堝綋鍓嶉〉闈級3銆備娇鐢╜window.location.assign('https://www.w3schools.com')`鍔犺浇鏂伴〉闈?.鎸夆€滆繑鍥炰笂涓€椤碘€?.杩斿洖绌虹櫧椤甸潰濡備綍閲嶅畾鍚戦〉闈㈠浣曢噸瀹氬悜鍒板彟涓€涓〉闈紝鏈?绉嶆柟娉曘€倃indow.location.href='https://www.samanthaming.com';window.location.assign('https://www.samanthaming.com');window.location.replace('https://www.samanthaming.com');replacevsassignvshref涓夎€呴兘鍙互閲嶅畾鍚戯紝鍖哄埆鍦ㄤ簬娴忚鍣ㄧ殑鍘嗗彶銆俬ref鍜宎ssign浼氬皢褰撳墠椤甸潰淇濆瓨鍦ㄥ巻鍙茶褰曚腑锛屼絾replace涓嶄細銆傛墍浠ュ鏋滀綘鎯冲垱閫犱竴绉嶆棤娉曞鑸洖鍘熷椤甸潰鐨勪綋楠岋紝璇蜂娇鐢╮eplace馃憤鐜板湪鐨勯棶棰樻槸href鍜宎ssign銆傛垜鏇村枩娆㈠垎閰嶏紝鍥犱负瀹冩槸涓€绉嶆柟娉曪紝鎵€浠ユ劅瑙夊氨鍍忔垜鍦ㄥ仛鏌愪簨銆傝繕鏈変竴涓澶栫殑濂藉鏄畠鏇村鏄撴祴璇曘€傛垜鍐欒繃寰堝Jest娴嬭瘯锛屾墍浠ラ€氳繃浣跨敤涓€绉嶆柟娉曪紝鍙互鏇磋交鏉惧湴杩涜妯℃嫙銆倃indow.location.assign=jest.fn();myUrlUpdateFunction();expect(window.location.assign).toBeCalledWith('http://my.url');鏈€鍚庡笇鏈沜heatsheet锛屽笇鏈涘浣犳湁甯姪甯姪锛屽湪闇€瑕佺殑鏃跺€欙紝蹇€熺粰浣犲甫鏉ョ瓟妗堛€傝揪浜虹殑銆愪笁閫氥€戞槸灏忔櫤缁х画鍒嗕韩鐨勬渶澶у姩鍔涖€傛湰鍗氬濡傛湁閿欒鎴栧缓璁紝娆㈣繋杈句汉鐣欒█銆傛渶鍚庤阿璋㈠ぇ瀹剁殑瑙傜湅銆傚師鏂囷細https://morioh.com/p/b444d291...浠ｇ爜閮ㄧ讲鍚庡彲鑳藉嚭鐜扮殑bug鏃犳硶瀹炴椂鑾风煡銆備箣鍚庝负浜嗚В鍐宠繖浜沚ug锛岃姳璐逛簡澶ч噺鐨勬椂闂村湪鏃ュ織璋冭瘯涓娿€傞『渚垮湪杩欓噷缁欏ぇ瀹舵帹鑽愪竴娆惧ソ鐢ㄧ殑BUG鐩戞帶宸ュ叿Fundebug銆備氦娴佹湁姊︽兂锛屾湁骞茶揣锛屽井淇℃悳绱€愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖浣嶅噷鏅ㄨ繕鍦ㄦ礂纰楃殑娲楃鏅鸿€呫€傛湰鏂嘒itHubhttps://github.com/qq44924588...宸叉敹褰曪紝鏈夊畬鏁寸殑娴嬭瘯绔欑偣銆佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€?/p>
