当前位置: 首页 > Web前端 > HTML

9JavaScriptTips

时间:2023-04-02 12:42:47 HTML

浣滆€咃細OrkhanJafarov璇戣€咃細鍓嶇灏忔櫤鏉ユ簮锛歞ev鍠滄灏辩湅锛屽井淇℃悳绱€愪紵澶х殑璧板悜涓栫晫銆戝叧娉ㄨ繖涓病鏈夊ぇ鍘傝儗鏅紝浣嗘湁绉瀬鐨勬€佸害銆傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq44924588...锛屾枃绔犲凡鍒嗙被锛屼篃鏁寸悊浜嗗緢澶氭垜鐨勬枃妗e拰鏁欑▼璧勬枡銆傚ぇ瀹堕兘璇寸畝鍘嗛噷娌¢」鐩彲鍐欙紝鎵€浠ョ粰澶у鎵句簡涓€涓」鐩紝杩樼粰浜嗕竴涓€愭惌寤烘暀绋嬨€戙€?.鐢熸垚鎸囧畾鑼冨洿鐨勬暟瀛楀湪鏌愪簺鎯呭喌涓嬶紝鎴戜滑浼氬湪涓や釜鏁板瓧涔嬮棿鍒涘缓涓€涓暟缁勩€傚亣璁炬垜浠鍒ゆ柇鏌愪汉鐨勭敓鏃ユ槸鍚﹀湪鏌愪釜骞翠唤鑼冨洿鍐咃紝閭d箞涓嬮潰鏄竴涓潪甯哥畝鍗曠殑瀹炵幇鏂瑰紡馃槑璁﹕tart=1900,end=2000;[...newArray(end+1)銆俴eys()].slice(start);//[1900,1901,...,2000]//杩樻槸鏈夎繖绉嶆柟寮忥紝浣嗘槸瀵逛簬闈炲父澶х殑鑼冨洿涓嶅お绋冲畾Array.from({length:end-寮€濮?1},(_,i)=>寮€濮?i);2.浣跨敤鍊兼暟缁勪綔涓哄嚱鏁扮殑鍙傛暟鍦ㄦ煇浜涙儏鍐典笅锛屾垜浠渶瑕佸皢鍊兼敹闆嗗埌涓€涓暟缁勪腑锛岀劧鍚庡皢鍏朵綔涓哄弬鏁颁紶閫掔粰鍑芥暟銆備娇鐢‥S6锛屾偍鍙互浣跨敤灞曞紑杩愮畻绗?...)骞朵粠[arg1,arg2]>(arg1,arg2)涓彁鍙栦竴涓暟缁勶細constparts={first:[0,2],second:[1,3],}["Hello","World","JS","Tricks"].slice(...parts.second)//["World","JS"]3.褰撴垜浠渶瑕佷娇鐢∕ath.max鎴朚ath.min鏉ユ煡鎵炬暟缁勪腑鐨勬渶澶у€兼垨鏈€灏忓€兼椂锛屽皢鍊间綔涓篗ath鏂规硶鐨勫弬鏁帮紝鎴戜滑鍙互杩欐牱鍋氾細constelementsHeight=[...document.body.children].map(el=>el.getBoundingClientRect().y);Math.max(...elementsHeight);//474涓父閲忔暟瀛?[100,100,-1000,2000,-3000,40000];Math.min(...numbers);//-30004銆傚悎骞?灞曞钩鏁扮粍涓殑鏁扮粍Array鏈変竴涓緢濂界殑鏂规硶鍙獳rray.flat锛屽畠闇€瑕佷竴涓繁搴﹀弬鏁帮紝琛ㄧず鏁扮粍宓屽鐨勬繁搴︼紝榛樿鍊间负1銆備絾鏄鏋滄垜浠笉鐭ラ亾娣卞害鎬庝箞鍔烇紝鎴戜滑闇€瑕佹妸瀹冨叏閮ㄥ帇骞筹紝鍙渶灏咺nfinity浣滀负鍙傛暟浼犻€掟煒巆onstarrays=[[10],50,[100,[2000,3000,[40000]]]]arrays.flat(Infinity)//[10,50,100,2000,3000,40000]5銆傞槻姝唬鐮佸穿婧冨湪浠g爜涓嚭鐜颁笉鍙鐭ョ殑琛屼负鏄笉濂界殑锛屼絾濡傛灉浣犳湁杩欑琛屼负锛屼綘闇€瑕佸鐞嗗畠銆傛瘮濡傚父瑙佺殑閿欒TypeError锛屽鏋滃皾璇曡幏鍙杣ndefined/null绛夊睘鎬э紝灏变細鎶ヨ繖涓敊璇€俢onstfound=[{name:"Alex"}].find(i=>i.name==='Jim')console.log(found.name)//TypeError:Cannotreadproperty'name'ofundefined鎴戜滑鍙互鍍忚繖鏍烽伩鍏嶅畠锛歝onstfound=[{name:"Alex"}].find(i=>i.name==='Jim')||{}console.log(found.name)//undefined6銆備紶閫掑弬鏁拌繖绉嶆柟娉曠殑涓€涓緢濂界殑鐢ㄤ緥鏄牱寮忕粍浠讹紝鍦‥S6涓紝鎴戜滑鍙互灏嗘ā鏉挎枃瀛椾綔涓哄弬鏁颁紶閫掔粰娌℃湁鏂规嫭鍙风殑鍑芥暟銆傚鏋滀綘鎯虫牸寮忓寲/杞崲鏂囨湰锛岃繖鏄竴涓ソ鎶€宸э細constmakeList=(raw)=>raw.join().trim().split("\n").map((s,i)=>`${i+1}.${s}`).join("\n");makeList`Hello,WorldHello,World`;//1.Hello,World//2.World,World7.浜ゆ崲鍙橀噺浣跨敤瑙f瀯璧嬪€艰娉曪紝鎴戜滑鍙互浣跨敤瑙f瀯璧嬪€艰娉曡交鏉句氦鎹㈠彉閲忦煒?leta="hello"letb="world"//閿欒鐨勬柟寮廰=bb=a//{a:'world',b:'world'}//姝g‘鏂瑰紡[a,b]=[b,a]//{a:'world',b:'hello'}8.璺ㄥ浗闄呴」鐩渶瑕佹寜瀛楁瘝鎺掑簭涓紝瀵逛簬鎸夊瓧鍏告帓搴忥紝涓€浜涚壒娈婄殑璇█鍙兘浼氭湁闂锛屽涓嬪浘馃槰//閿欒鐨勫仛娉昜"a","z","盲"].sort((a,b)=>a-b);//['a','z','盲']//姝g‘鏂瑰紡["a","z","盲"].sort((a,b)=>a.localeCompare(b));//['a','盲','z']localeCompare()锛氫互鐗瑰畾浜庤瑷€鐜鐨勯『搴忔瘮杈冧袱涓瓧绗︿覆銆?.闅愯棌闅愮鏈€鍚庝竴涓妧宸ф槸灞忚斀瀛楃涓层€傚綋鎮ㄩ渶瑕佸睆钄戒换浣曞彉閲忥紙涓嶆槸瀵嗙爜锛夋椂锛屼互涓嬫柟娉曞彲浠ュ府鍔╂偍蹇€熷畬鎴愶細constpassword="hackme";password.substr(-3)銆俻adStart(password.length,"*");//***kme浠g爜閮ㄧ讲鍚庡彲鑳藉瓨鍦ㄧ殑bug鏃犳硶瀹炴椂鑾风煡銆備箣鍚庝负浜嗚В鍐宠繖浜沚ug锛岃姳璐逛簡澶ч噺鐨勬椂闂村湪鏃ュ織璋冭瘯涓娿€傝繖閲岄『渚挎帹鑽愮粰澶у涓€涓ソ鐢ㄧ殑BUG鐩戞帶宸ュ叿Fundebug銆傚師鏂囷細https://dev.to/gigantz/9-java...姣忓懆鏇存柊浜ゆ祦鏂囩珷銆傚彲浠ュ井淇℃悳绱⑩€滃ぇ鍗冧笘鐣屸€濈珛鍗抽槄璇绘洿鏂帮紙姣斿崥鏂囨棭涓€涓ょ瘒锛夛紝鏈枃宸叉敹褰曞埌GitHubhttps://github.com/qq449245884/xiaozhi锛屾湰浜烘暣鐞嗘垜鐨勫緢澶氭枃浠躲€傛杩庡姞鏄熷拰鏀硅繘銆傚彲浠ュ弬鑰冭€冪偣闈㈣瘯銆備篃鍏虫敞鍏紬鍙凤紝鍚庡彴鍥炲绂忓埄灏辫兘鐪嬪埌绂忓埄锛屼綘鎳傜殑銆?/p>