浠婂ぉ鎴戞兂鍒嗕韩10涓緢妫掔殑JavaScript閫熻鏂规硶锛屽彲浠ュ姞蹇紑鍙戦€熷害锛岃浣犵殑寮€鍙戝伐浣滄洿鏈夋晥鐜囥€傚紑濮嬪惂锛?銆佸悎骞舵暟缁勭殑甯哥敤鏂瑰紡锛氭垜浠€氬父浣跨敤Array涓殑concat()鏂规硶鏉ュ悎骞朵袱涓暟缁勩€備娇鐢╟oncat()鏂规硶缁勫悎涓や釜鎴栧涓暟缁勶紝涓嶆敼鍙樼幇鏈夋暟缁勶紝鑰屾槸杩斿洖涓€涓柊鏁扮粍銆傝鐪嬩竴涓畝鍗曠殑渚嬪瓙锛歭etapples=['馃崕','馃崗'];letfruits=['馃崏','馃崐','馃崌'].concat(apples);console.log(fruits);//=>["馃崏","馃崐","馃崌","馃崕","馃崗"]绠€鍐欐柟娉曪細鎴戜滑鍙互浣跨敤ES6鎵╁睍杩愮畻绗︼紙...锛夋潵绠€鍖栦唬鐮佸涓嬶細璁╄嫻鏋?['馃崕','馃崗'];璁ゝruits=['馃崏','馃崐','馃崌',...鑻规灉];//<--hereconsole.log(fruits);//=>["馃崏","馃崐","馃崌","馃崕","馃崗"]寰楀埌鍜屾甯稿啓涓€鏍风殑杈撳嚭銆?.鍚堝苟鏁扮粍鐨勫父鐢ㄦ柟寮忥紙寮€澶达級锛氬亣璁炬垜浠灏哸pples鏁扮粍涓殑鎵€鏈夐」閮芥坊鍔犲埌Fruits鏁扮粍鐨勫紑澶达紝鑰屼笉鏄儚鍓嶉潰鐨勭ず渚嬮偅鏍锋坊鍔犲埌鏈熬銆傛垜浠彲浠ヤ娇鐢ˋrray.prototype.unshift()鏉ュ仛鍒拌繖涓€鐐癸細letfruits=['馃キ','馃崒','馃崚'];//鍦╯tartArray.prototype.unshift.apply(fruits,apples)console.log(fruits)灏嗚嫻鏋滀腑鐨勬墍鏈夐」鐩坊鍔犲埌姘存灉涓婏紱//=>["馃崕","馃崗","馃キ","馃崒","馃崚"]鐜板湪绾㈣嫻鏋滃拰缁胯嫻鏋滀細鍦ㄥ紑濮嬭€屼笉鏄粨鏉熸椂鍚堝苟銆傜畝鍐欐柟娉曪細鎴戜滑浠嶇劧鍙互浣跨敤ES6鐨勬墿灞曡繍绠楃(...)鏉ョ缉鐭繖娈甸暱浠ｇ爜锛屽涓嬶細,'馃崒','馃崚'];//<--hereconsole.log(fruits);//=>["馃崕","馃崗","馃キ","馃崒","馃崚"]3.鍏嬮殕涓€涓暟缁勭殑鏅€氭柟寮忥細鎴戜滑鍙互寰堝鏄撳湴浣跨敤Array涓殑slice()鏂规硶鍏嬮殕涓€涓暟缁勶紝濡備笅锛歭etcloneFruits=fruits.slice();console.log(cloneFruits);//=>["馃崏","馃崐","馃崌","馃崕"]绠€鍐欙細鎴戜滑鍙互浣跨敤ES6鎵╁睍杩愮畻绗?...)鍏嬮殕涓€涓儚杩欐牱鐨勬按鏋滄暟缁勶細letfruits=['馃崏','馃崐','馃崌','馃崕'];璁ヽloneFruits=[...姘存灉];//<--hereconsole.log(cloneFruits);//=>["馃崏","馃崐","馃崌","馃崕"]4.瑙ｆ瀯璧嬪€肩殑姝ｅ父鍐欐硶锛氬湪澶勭悊鏁扮粍鐨勬椂鍊欙紝鎴戜滑鏈夋椂鍊欓渶瑕佹妸鏁扮粍鈥滄媶鍖呪€濇垚涓€鍫嗗彉閲忥紝濡備笅锛歭etapples=['馃崕','馃崗'];letredApple=apples[0];璁ゞreenApple=apples[1];console.log(redApple);//=>馃崕console.log(greenApple);//=>馃崗绠€鍐欐柟娉曪細鎴戜滑鍙互閫氳繃瑙ｆ瀯璧嬪€硷紝鐢ㄤ竴琛屼唬鐮佸疄鐜板悓鏍风殑缁撴灉锛歭etapples=['馃崕','馃崗'];let[redApple,greenApple]=apples;//<--杩欓噷console.log(redApple);//=>馃崕console.log(greenApple);//=>馃崗5銆俆emplateLiteralOrdinary锛氶€氬父锛屽綋鎴戜滑蹇呴』鍚戝瓧绗︿覆娣诲姞琛ㄨ揪寮忔椂锛屾垜浠細杩欐牱鍋氾細//鍦ㄤ袱涓瓧绗︿覆涔嬮棿鏄剧ず鍚嶇Оletname='Palash';console.log('Hello,'+name+'!');//=>Hello,Palash!//鍔犲噺涓や釜鏁發etnum1=20;letnum2=10;console.log('Sum='+(num1+num2)+'andSubtract='+(num1-num2));//=>Sum=30andSubtract=10绠€鍐欐柟娉曪細閫氳繃妯℃澘瀛楅潰閲忥紝鎴戜滑鍙互浣跨敤鍙嶅紩鍙?),浠ヤ究鎴戜滑鍙互灏嗚〃杈惧紡鍖呰鍦?{...}\`涓苟灏嗗畠浠祵鍏ュ瓧绗︿覆涓紝濡備笅鎵€绀猴細//Displaynameinbetweentwostringsletname='Palash';console.log(`Hello,${name}!`);//<--涓嶅啀闇€瑕佷娇鐢?var+//=>浣犲ソ锛孭alash锛?/娣诲姞涓や釜鏁板瓧letnum1=20;letnum2=10;console.log(`Sum=${num1+num2}andSubtract=${num1-num2}`);//=>Sum=30andSubtract=106.ForLoop鏅€氾細鎴戜滑鍙互浣跨敤for寰幆閬嶅巻鏁扮粍锛屽涓嬫墍绀猴細letfruits=['馃崏','馃崐','馃崌','馃崕'];//閬嶅巻姣忎釜fruitfor(letindex=0;index馃崏//=>馃崐//=>馃崌//=>馃崕閫熻鏂规硶锛氭垜浠彲浠ヤ娇鐢╢or...of璇彞鏉ヨ幏寰楃浉鍚岀殑缁撴灉,浠ｇ爜涔熷皯浜嗗緢澶氾紝鍍忚繖鏍凤細...ofstatementfor(letfruitoffruits){console.log(fruit);}//=>馃崏//=>馃崐//=>馃崌//=>馃崕7.绠ご鍑芥暟姝ｅ父鍐欐硶锛氶亶鍘咥rray锛屾垜浠篃鍙互浣跨敤Array涓殑forEach()鏂规硶锛屼絾鏄渶瑕佸啓寰堝浠ｇ爜銆傝櫧鐒跺畠涓嶅鏈€甯歌鐨刦or寰幆锛屼絾瀹冧粛鐒舵瘮for...of璇彞澶氫竴鐐癸細letfruits=['馃崏','馃崐','馃崌','馃崕'];//浣跨敤forEach鏂规硶fruits.forEach(function(fruit){console.log(fruit);});//=>馃崏//=>馃崐//=>馃崌//=>馃崕閫熻鏂规硶锛氫絾鏄娇鐢ㄧ澶村嚱鏁拌〃杈惧紡锛屽厑璁告垜浠湪涓€琛屼腑鍐欎竴涓畬鏁寸殑寰幆浠ｇ爜锛屽儚杩欐牱锛歠ruits.forEach(fruit=>console.log(fruit));//<--Magic鉁?/=>馃崏//=>馃崐//=>馃崌//=>馃崕澶у鏁版椂鍊欐垜浣跨敤绠ご鍑芥暟鐨刦orEach寰幆锛岃繖閲屾垜灞曠ず浜唂or...of璇彞鍜宖orEach寰幆锛岃澶у鍙互鏍规嵁鑷繁鐨勫枩濂戒娇鐢ㄤ唬鐮併€?銆佸湪鏁扮粍涓煡鎵惧璞℃櫘閫氬啓娉曪細閫氳繃鍏朵腑涓€涓睘鎬т粠瀵硅薄鏁扮粍涓煡鎵惧璞★紝鎴戜滑閫氬父浣跨敤for寰幆锛歭etinventory=[{name:'Bananas',quantity:5},{name:'Apples',quantity:10},{name:'Grapes',quantity:2}];//鑾峰彇鏁扮粍涓悕涓篳Apples`鐨勫璞unctiongetApples(arr,value){for(letindex=0;index馃崕//A鎵惧埌鍖归厤椤癸紝杩斿洖杩欎釜瀵硅薄returnarr[index];}}}letresult=getApples(inventory);console.log(result)//=>{name:"Apples",quantity:10}绠€鍐欐柟娉曪細鍝囷紒涓婇潰鎴戜滑鍐欎簡杩欎箞澶氫唬鐮佹潵瀹炵幇杩欎釜閫昏緫銆備絾鏄湪甯︽湁绠ご鍑芥暟鐨勬暟缁勪腑浣跨敤find()鏂规硶=>鍏佽鎴戜滑鍍忚繖鏍峰湪涓€琛屼腑瀹屾垚瀹冿細//鍦ㄦ暟缁勪腑鑾峰彇鍚嶇О涓篳Apples`鐨勫璞unctiongetApples(arr,value){returnarr.find(obj=>obj.name==='鑻规灉');//<--杩欓噷}letresult=getApples(inventory);console.log(result)//=>{name:"Apples",quantity:10}9.灏嗗瓧绗︿覆杞负鏁存暟鏅€氾細parseInt()鍑芥暟鐢ㄤ簬瑙ｆ瀽瀛楃涓插苟杩斿洖鏁存暟锛歭etnum=parseInt("10")console.log(num)//=>10console.log(typeofnum)//=>"number"绠€鍐欙細鎴戜滑鍙互閫氳繃鍦ㄥ瓧绗︿覆鍓嶅姞涓?鏉ヨ揪鍒扮浉鍚岀殑缁撴灉锛屽儚杩欐牱锛歭etnum=+"10";console.log(num)//=>10console.log(typeofnum)//=>"number"console.log(+"10"===10)//=>true10銆傜煭璺眰鍊煎父瑙佸啓娉曪細濡傛灉鎴戜滑瑕佹牴鎹彟涓€涓€兼潵璁剧疆涓€涓€间笉鏄痜alsy鍊硷紝涓€鑸娇鐢↖f-else璇彞锛屽儚杩欐牱锛歠unctiongetUserRole(role){letuserRole;//濡傛灉瑙掕壊涓嶆槸鍋囧€?/灏哷userRole`璁剧疆涓轰紶閫掔殑`role`鍊糹f(role){userRole=role;}else{//鍚﹀垯灏哷userRole`璁剧疆涓篣SERuserRole='USER';}returnuserRole;}console.log(getUserRole())//=>;"USER"console.log(getUserRole('ADMIN'))//=>"ADMIN"閫熻锛氫絾鏄娇鐢ㄧ煭璺眰鍊硷紙||锛夛紝鎴戜滑鍙互鐢ㄨ繖鏍蜂竴琛屼唬鐮佹潵鍋氬埌杩欎竴鐐癸細functiongetUserRole(role){杩斿洖瑙掕壊||'鐢ㄦ埛';//<--杩欓噷}console.log(getUserRole())//=>"USER"console.log(getUserRole('ADMIN'))//=>"ADMIN"鍩烘湰涓婏紝琛ㄨ揪寮?||expression2琚瘎浼颁负鐪熻〃杈惧紡銆傛墍浠ヨ繖鎰忓懗鐫€濡傛灉绗竴閮ㄥ垎涓虹湡锛屼綘灏变笉蹇呰垂蹇冨幓璁＄畻琛ㄨ揪寮忕殑鍏朵綑閮ㄥ垎銆傛坊鍔犲嚑涓澶村嚱鏁板鏋滀綘涓嶉渶瑕佽繖涓笂涓嬫枃锛屼娇鐢ㄧ澶村嚱鏁版椂浠ｇ爜鍙互鏇寸煭锛歠ruits.forEach锛堟帶鍒跺彴.log锛夛紱瑕佸湪鏁扮粍涓煡鎵惧璞★紝鎮ㄥ彲浠ヤ娇鐢ㄥ璞¤В鏋勫拰绠ご鍑芥暟鏉ヤ娇浠ｇ爜鏇寸揣鍑戯細//鍦ㄦ暟缁勪腑鑾峰彇鍚嶇О涓篳Apples`鐨勫璞onstgetApples=array=>array.find(({name})=>name==="Apples");letresult=getApples(inventory);console.log(result);//=>{name:"Apples",quantity:10}鐭矾璇勪及澶囬€塩onstgetUserRole1=(role=鈥滅敤鎴封€濓級=>瑙掕壊锛沜onstgetUserRole2=瑙掕壊=>瑙掕壊??鈥滅敤鎴封€?constgetUserRole3=瑙掕壊=>瑙掕壊?瑙掕壊锛氣€滅敤鎴封€濓紱缂栫爜涔犳儻鏈€鍚庯紝鎴戞兂璋堣皥缂栫爜涔犳儻銆傜紪鐮佹爣鍑嗘瘮姣斺€嬧€嬬殕鏄紝浣嗗緢灏戞湁浜轰弗鏍奸伒瀹堛€傚師鍥犳槸鍦ㄥ埗瀹氫唬鐮佽鑼冧箣鍓嶏紝浣犲凡缁忔湁浜嗚嚜宸辩殑涓€濂椾唬鐮佷範鎯紝鐭椂闂村唴寰堥毦鏀瑰彉涔犳儻銆傝壇濂界殑缂栫爜涔犳儻鍙互涓哄悗缁殑鎴愰暱鎵撲笅鍧氬疄鐨勫熀纭€銆備笅闈紝鎴戝皢鍒椾妇涓€浜涘埗瀹氳鑼冪殑濂藉锛岃澶у鏄庣櫧浠ｇ爜瑙勮寖鐨勯噸瑕佹€э細瑙勮寖鐨勪唬鐮佸彲浠ヤ績杩涘洟闃熷悎浣溿€傛牸寮忚壇濂界殑浠ｇ爜鍑忓皯浜嗛敊璇鐞嗐€傛爣鍑嗗寲浠ｇ爜闄嶄綆浜嗙淮鎶ゆ垚鏈€傛牸寮忚壇濂界殑浠ｇ爜鏈夊姪浜庝唬鐮佸鏌ャ€傚吇鎴愪唬鐮佽鑼冪殑涔犳儻锛屾湁鍔╀簬绋嬪簭鍛樿嚜鎴戞垚闀裤€傛垜鐪嬬殑鏄€婇樋閲屽墠绔紑鍙戣鑼冦€嬶紝閲岄潰鐨勪唬鐮佽鑼冨緢鍏紝鍩烘湰閫氱敤锛岀湅瀹屽悗寰堟湁鐢ㄣ€傜敱浜庣瘒骞呭師鍥狅紝鐩綍鍙婇儴鍒嗗唴瀹瑰涓嬪浘鎵€绀猴紝瀹屾暣PDF鍙偣鍑绘澶勫厤璐逛笅杞姐€傜洰褰?.缂栫爜瑙勮寖2.Vue椤圭洰瑙勮寖浠ヤ笂鏄€婇樋閲屽墠绔紑鍙戣鑼冦€嬨€傚鏋滄偍闇€瑕侊紝璇风偣鍑绘澶勫厤璐逛笅杞姐€傛渶鍚庯紝鎴戞兂寮曠敤涓€鍙ワ細浠ｇ爜鏄垜浠殑鏁屼汉锛屽洜涓烘垜浠腑鐨勮澶氱▼搴忓憳鍐欎簡寰堝鐙楀睅浠ｇ爜銆傚鏋滄垜浠笉鑳芥憜鑴卞畠锛屾渶濂藉敖鏈€澶у姫鍔涗繚鎸佷唬鐮佸共鍑€銆傚鏋滄偍鍠滄缂栫爜鈥斺€旇€屼笖鐪熺殑闈炲父鍠滄缂栫爜鈥斺€旀偍缂栧啓鐨勪唬鐮佽秺灏戯紝鎮ㄥ氨瓒婂枩娆㈠畠銆?/p>
