字符串解释和标签模板
瀛楃涓茶В閲奺s6鍔犲己浜嗗Unicode鐨勬敮鎸侊紝鍏佽浠uxxxx鐨勫舰寮忔樉绀轰竴涓瓧绗︼紝渚嬪锛歝onsole.log('\u0061');//printa\u鏄瓧绗︾殑Unicode鐮佷綅\u鍚庣殑4浣峹xxx锛屼絾鏄繖绉嶅啓娉曞彧璇嗗埆\u0000鍒癨UFFFF涔嬮棿鐨勫瓧绗︼紝瓒呰繃鍒欑敤涓や釜鍙屽瓧鑺傝〃绀洪渶瑕侊紝渚嬪锛歝onsole.log('\uD842\uDFB7');//printJi濡傛灉瓒呭嚭浜哱uxxxx瀛楄妭鐨勮寖鍥达紝鍒欎负涓や釜瀛楄妭鐨勬嫾鎺ワ紝渚嬪锛歝onsole.log('\u20BB7');//杈撳嚭'7'\u20BB琚郴缁熻瘑鍒负绌篶onsole.log('\u00617');//杈撳嚭'a7'\u0061琚瘑鍒负a锛岀敱浜?瓒呰繃浜嗚繖涓瓧鑺傦紝鎵€浠ユ槸\u0061+7锛岀粨鏋滄槸a7es6鍔犲己浜嗗Unicode鐨勬敮鎸侊紝濡傛灉瓒呰繃console.log("\u{20BB7}");//PrintJi//鍙浠g爜鐐规斁鍦ㄥぇ鎷彿涓紝console.log('\u{41}\u{42}\u{43}');//杈撳嚭ABC鑺辨嫭鍙峰拰鍙屽瓧鑺傚啓鏄瓑浠风殑console.log('\u{1F680}'=='\uD83D\uDE80');//澶ф嫭鍙峰拰4瀛楄妭鍐欐硶鐩稿綋浜庤緭鍑簍ruejs瀛楃鐨勫嚑绉嶈〃绀烘柟寮忥細console.log('\z'==='z');console.log('\172'==='z');console.log('\x7A'==='z');console.log('\u007A'==='z');鎺у埗鍙般€傛棩蹇楋紙'\u{7A}'==='z'锛夛紱console.log('z'==='z');瀛楃涓查亶鍘嗗瓧绗︿覆閬嶅巻for...offor(letcodePointof'foo'){console.鏃ュ織锛堜唬鐮佺偣锛夛紱//foo}鍏跺疄涓€鑸殑閬嶅巻锛屾瘮濡俧or锛屼篃鍙互閬嶅巻瀛楃涓诧紝浣嗘槸for涓嶈兘璇嗗埆澶т簬0xFFFF鐨勭爜浣嶏紝鑰宖or...of鍙互璇嗗埆lettext=String.fromCodePoint(0x20BB7)//for寰幆for(leti=0;i涓滄柟鏃犳晫
涓滄柟鏃犳晫
`console.log(context.innerHTML=str);//椤甸潰鏄剧ず涓滄柟鏃犳晫浼犵粺瀛楃涓叉彃鍊硷紝闇€瑕佺敤"瀛楃"+100+"鍊?鐨勫舰寮忕敤+鎷兼帴锛屽€间笉鑳藉祵濂楀湪寮曞彿鍐咃紝鍚﹀垯浼氳瑙i噴涓轰竴涓粏缁炽€俢onsole.log("
涓滄柟涓嶈触娌?+100+"鍏?/div>")妯℃澘瀛楃涓插彲浠ョ洿鎺ヤ娇鐢?{xxx}鍦ㄥ瓧绗︿覆涓繘琛屾彃鍊硷紝鍑芥暟鍐呴儴鍙互浣跨敤琛ㄨ揪寮忓拰璋冪敤銆俵etstr2=`
涓滈儴涓嶈触${100}
`//涓滈儴涓嶈触100//琛ㄨ揪寮弆ets=100letstr3=`
涓滈儴涓嶈触${s==100?'鏈?00鍏?:'娌℃湁100鍏?}
`//涓滄柟涓嶈触鏈?00鍏?/璋冪敤鍑芥暟letstr4=`
callfunction:${text2()}
`functiontext2(){return'涓滄柟鏃犳晫'}letcontext2=document.getElementById('context2')console.log(context2.innerHTML=str4);//椤甸潰鏄剧ず璋冪敤鍑芥暟锛氫笢鏂规棤鏁屾ā鏉垮瓧绗︿覆鍙互宓屽锛岃繖閲屼娇鐢ㄤ簡鍦板浘閬嶅巻缁撴瀯銆傞渶瑕佹敞鎰忕殑鏄痜orEach涓嶈兘閬嶅巻杩欓噷鐨勭粨鏋勶紝浼氱洿鎺ユ姤閿欙紝鍥犱负forEach浼氭敼鍙樺師鏁扮粍锛岃€宮ap涓嶄細锛堟暟缁勪负鍩烘湰绫诲瀷鏃跺師鏁扮粍涓嶄細鏀瑰彉锛夈€傝context3=document.getElementById('context3')璁゛rr=[{name:'string',index:'01'},{name:'string',index:'02'}]lets2=`
妯℃澘瀛楃涓插祵濂楋細${arr.map(el=>`
${el.name}
${el.index}
`)}
`context3.innerHTML=s2缁撴灉锛氭爣绛炬ā鏉垮嚱鏁板悕璺熷湪妯℃澘瀛楃涓插悗闈紝閭d箞灏辨槸涓€涓爣绛炬ā鏉匡紝宸﹁竟鏄嚱鏁帮紝鍙宠竟鍏跺疄鏄嚱鏁板弬鏁帮紝渚嬪锛歛lert`hello`//鐩稿綋浜巃lert(['hello'])杩欓噷鐨刟lert鏄竴涓嚱鏁帮紝绱ц窡鍦ㄥ畠鍚庨潰鐨勬ā鏉垮瓧绗︿覆灏辨槸瀹冪殑鍙傛暟銆傚湪杩欓噷锛屽皢瑙﹀彂璀﹀憡妗嗗苟鏄剧ずhello銆備絾鏄鏋滄ā鏉垮瓧绗︿覆鏈夊彉閲忥紝灏变笉鏄畝鍗曠殑璋冪敤浜嗭紝鑰屾槸浼氬厛璋冪敤銆傚湪璋冪敤鍑芥暟涔嬪墠灏嗘ā鏉垮瓧绗︿覆澶勭悊鎴愬涓弬鏁帮紝渚嬪锛歭eta=5letb=10//alert`hello${a+b},word${a*b}`tag(`hello${a+b},word${a*b}`)杩欓噷鐨勬爣绛剧浉褰撲簬tag([hello',',word',''],15,50),杩欓噷锛屾ā鏉垮瓧绗︿覆鍓嶆湁涓€涓爣绛撅紝杩欎釜tag鏄竴涓嚱鏁帮紝鏁翠釜琛ㄨ揪寮忕殑杩斿洖鍊煎氨鏄痶ag鍑芥暟澶勭悊妯℃澘瀛楃涓插悗杩斿洖鐨勫€笺€傝繑鍥炵粨鏋滃彲浠ュ湪涓婇潰alert鎵撳嵃鍑烘潵鐨勫唴瀹逛腑鐪嬪埌銆備簨瀹炰笂锛屾爣绛捐杞崲鎴愶細//瀹為檯涓婅杞崲鎴恌unctiontag(stringArr,value1,value2){//...}//鎴栬€協unctiontag(stringArr,...values){console.log(stringArr,鍊硷級锛?/......}1銆乼ag鍑芥暟鐨勭涓€涓弬鏁版槸涓€涓暟缁勶紝鏁翠釜鏁扮粍灏辨槸妯℃澘瀛楃涓蹭腑娌℃湁鍙橀噺鏇挎崲鐨勯儴鍒嗐€?.鍙橀噺鏇挎崲鍙彂鐢熷湪鏁扮粍鐨勭涓€涓垚鍛樺拰绗簩涓垚鍛樹箣闂达紝绗簩涓垚鍛樺拰绗笁涓垚鍛樹箣闂达紝绛夌瓑銆?銆乼ag鍑芥暟鐨勫叾浠栧弬鏁颁负妯℃澘瀛楃涓插悇鍙橀噺鏇挎崲鍚庣殑鍊笺€傝繖閲岀殑妯℃澘瀛楃涓叉湁涓や釜鍙傛暟锛屾墍浠ュ畠浼氭帴鏀朵袱涓弬鏁帮紝value1鍜寁alue2銆備緥濡傦細绗竴涓弬鏁帮細[hello',',word','']绗簩涓弬鏁帮細15绗笁涓弬鏁帮細50鍏跺疄灏辨槸tag([hello',',word',''],15,50)鍐嶄妇涓緥瀛愶細涓嬮潰鏄爣绛炬ā鏉挎嫾鎺ュ瓧绗︿覆鍜屽€肩殑杩囩▼锛屾渶鍚庣殑缁撴灉灏辨槸鏍囩妯℃澘鐨勭紪璇戠粨鏋渓ettotal=30;//variableletmsg=passthru`鎬昏涓?{total}(${total*1.05}withtax)`;functionpassthru(literals){//literals:['鎬绘暟鏄?,'(','鍚◣)',raw:Array(3)]letresult=''leti=0while(i
涓汉淇℃伅鐢变簬鎴戠殑缂栬瘧鍣ㄤ細鑷姩鏍煎紡鍖栵紝鎵€浠ョ敤sxxxscript浠f浛script鏍囩妯℃澘鍋氬璇█杞崲锛堝浗闄呭寲锛塱18n`娆㈣繋鏉ュ埌${userName}锛屼綘鏄瀹㈠彿${visitorNumber}锛乣鐢氳嚦鍙互鍦ㄦ爣绛炬ā鏉夸腑宓屽鍏朵粬璇█鐨刯sx`${this.state.value}
`//杩欓噷鏄€氣€嬧€嬭繃jsx鐨勫嚱鏁板皢DOM瀛楃涓茶浆鎹负React瀵硅薄妯℃澘澶勭悊鍑芥暟鐨勭涓€涓弬鏁帮紝鏄竴涓潪鍙傛暟妯℃澘瀛楃涓叉暟缁勶紝鏈変竴涓師濮嬪睘鎬onsole.log(`abc`)//['abc',row:Array[1]]//杩欎釜raw淇濆瓨鐨勬槸杞箟鍚庣殑鍘熷瀛楃涓层€傝繖涓暟缁勫悗闈㈢殑raw淇濆瓨杞箟鍚庣殑鍘熷瀛楃涓睠ase婧愮爜锛歨ttps://gitee.com/wang_fan_w/es6-science-Institute濡傛灉瑙夊緱鏈枃瀵规偍鏈夊府鍔╋紝璇风偣涓猻tar