JS ES6多行字符串與連接字符串的表示方法
本文實(shí)例講述了JS ES6多行字符串與連接字符串的表示方法。分享給大家供大家參考,具體如下:
1. 以前,js多行字符串用\n寫(xiě)起來(lái)比較費(fèi)事,所以最新的ES6標(biāo)準(zhǔn)新增了一種多行字符串的表示方法,用` ... `表示:
舊版寫(xiě)法
alert("你好,\n 我叫\(zhòng)n Olive");
新版寫(xiě)法
alert(`你好 我叫 olive`);//注意這里的兩個(gè)點(diǎn)是鍵盤(pán)上數(shù)字鍵1左邊的按鍵,而不是單引號(hào)哦
2. 以前,把多個(gè)字符串連接起來(lái),可以用+號(hào)連接
var name ="olive"; var age= 26; var message='hello,my name is '+name+',I\'m '+age+' years old'; alert(message);
但要是有很多變量需要連接,用+號(hào)就比較麻煩了。ES6新增了一種字符串連接方式:
var name1 ="Mike"; var age1=20; var message1=`hello,${name1},your age is ${age1}`;//同理,這里的兩個(gè)點(diǎn)是鍵盤(pán)上數(shù)字鍵1左邊的按鍵,而不是單引號(hào)哦 alert(message1);
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ECMAScript6(ES6)入門(mén)教程》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
動(dòng)態(tài)顯示可輸入的字?jǐn)?shù)提示還可以輸入的字?jǐn)?shù)
這篇文章主要介紹了動(dòng)態(tài)顯示可輸入的字?jǐn)?shù)提示還可以輸入的字?jǐn)?shù),需要的朋友可以參考下2014-04-04javascript實(shí)現(xiàn)PC網(wǎng)頁(yè)里的拖拽效果
這篇文章主要介紹了javascript實(shí)現(xiàn)PC網(wǎng)頁(yè)里的拖拽效果的相關(guān)資料,需要的朋友可以參考下2016-03-03微信小程序時(shí)間軸實(shí)現(xiàn)方法示例
這篇文章主要介紹了微信小程序時(shí)間軸實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了微信小程序wx:for語(yǔ)句使用與時(shí)間軸縱向布局相關(guān)操作技巧,需要的朋友可以參考下2019-01-01JS實(shí)現(xiàn)動(dòng)畫(huà)兼容性的transition和transform實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)畫(huà)兼容性的transition和transform方法,結(jié)合實(shí)例形式分析了transition和transform方法針對(duì)手機(jī)端瀏覽器兼容性問(wèn)題上的相關(guān)處理技巧,需要的朋友可以參考下2016-12-12JavaScript之通過(guò)年月獲取月份的天數(shù)、日期格式化、時(shí)間、補(bǔ)零、Date、toLocaleString、Intl、
這篇文章主要介紹了JavaScript之通過(guò)年月獲取月份的天數(shù)、日期格式化、時(shí)間、補(bǔ)零、Date、toLocaleString、Intl、DateTimeFormat、format的相關(guān)知識(shí),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03bootstrap table 多選框分頁(yè)保留示例代碼
在使用bootstrap table的復(fù)選框功能的時(shí)候,由于采用服務(wù)端分頁(yè),當(dāng)在第一頁(yè)選擇了某些數(shù)據(jù),然后點(diǎn)擊第二頁(yè)選擇一些數(shù)據(jù),再次點(diǎn)回第一頁(yè),發(fā)現(xiàn)原先選擇的數(shù)據(jù)已經(jīng)清空了,原來(lái)的多選框并不支持翻頁(yè)保留多選數(shù)據(jù),怎么解決呢,下面小編給大家分享下解決思路2017-03-03javascript中RegExp保留小數(shù)點(diǎn)后幾位數(shù)的方法分享
文章介紹一篇關(guān)于javascript中RegExp保留小數(shù)點(diǎn)后幾位數(shù)方法,有需要了解的朋友可以參考一下2013-08-08JS區(qū)分Object與Aarry的六種方法總結(jié)
下面小編就為大家?guī)?lái)一篇JS區(qū)分Object與Aarry的六種方法總結(jié)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02關(guān)于document.cookie的使用javascript
構(gòu)造通用的cookie處理函數(shù) cookie的處理過(guò)程比較復(fù)雜,并具有一定的相似性。因此可以定義幾個(gè)函數(shù)來(lái)完成cookie的通用操作,從而實(shí)現(xiàn)代碼的復(fù)用。2010-10-10