ES6之字符串的擴(kuò)展(上)

模板字符串

在傳統(tǒng)的拼接字符串中康铭,使用的是‘+’進(jìn)行拼接:

var a =1, b=2;
var str = "a的值是" + a + "誓斥,b的值是" + b;
console.log(str);  // a的值是1荆萤,b的值是2

可以看出用+進(jìn)行拼接字符串比較繁瑣达箍,尤其是當(dāng)字符串特別長的時候+就會顯得冗余。于是在ES6中就有了模板字符串奢赂,它是用反引號`進(jìn)行拼接的(鍵盤上tab鍵上面的那個鍵子)陪白。

var a =1, b=2;
var str = `a的值是${a},b的值是$膳灶`;
console.log(str);

變量的值放在${ }中咱士,里邊除了可以是變量,也可以是表達(dá)式轧钓。

var res = `the sum of a and b is ${a+b}`;
console.log(res);  // the sum of a and b is 3

表達(dá)式也包括函數(shù)的調(diào)用:

function sum (a=1, b=2){
  return a+b;
}
var str = `the result is ${sum()}`;
console.log(str);

需要注意的是序厉,在模板字符串中所有出現(xiàn)的空格、換行和縮進(jìn)都會保留在輸出中:
var str = `a的值是${a}毕箍, b的值是$弛房`;
上邊輸出的str也是含有換行的str。

標(biāo)簽?zāi)0?/h4>

標(biāo)簽?zāi)0迨窃谀0遄址凹由弦粋€用來處理它的函數(shù)名稱而柑,我們先來看下邊的代碼:

var yy = 2017, mm = 4, dd = 21;
tagTemplate`Today is ${yy}-${mm}-${dd}.`
function tagTemplate(arr,...values){
  console.log(arr);  // [ 'Today is ', '-', '-', '.' ]
  console.log(values); // [ 2017, 4, 21 ]
}

參數(shù)里的...values后邊會講到文捶,這里可以把...values和arr理解為arguments。arguments[0]就是arr媒咳,是一個數(shù)租粹排,里邊的元素是模板字符串中的非變量內(nèi)容。values涩澡,存放的是模板字符串中的變量值顽耳,這樣,我們知道了他們存放的位置就可以隨意的處理和操縱模板字符串了妙同。

最后射富,跟大家分享一下我的個人博客地址:http://javascript404.com
歡迎你的到來 ~ ~ ???

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市渐溶,隨后出現(xiàn)的幾起案子辉浦,更是在濱河造成了極大的恐慌弄抬,老刑警劉巖茎辐,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異掂恕,居然都是意外死亡拖陆,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門懊亡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來依啰,“玉大人,你說我怎么就攤上這事店枣∷倬” “怎么了叹誉?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長闷旧。 經(jīng)常有香客問我长豁,道長,這世上最難降的妖魔是什么忙灼? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任匠襟,我火速辦了婚禮,結(jié)果婚禮上该园,老公的妹妹穿的比我還像新娘酸舍。我一直安慰自己,他們只是感情好里初,可當(dāng)我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布啃勉。 她就那樣靜靜地躺著,像睡著了一般青瀑。 火紅的嫁衣襯著肌膚如雪璧亮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天斥难,我揣著相機(jī)與錄音枝嘶,去河邊找鬼。 笑死哑诊,一個胖子當(dāng)著我的面吹牛群扶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播镀裤,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼竞阐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了暑劝?” 一聲冷哼從身側(cè)響起骆莹,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎担猛,沒想到半個月后幕垦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡傅联,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年先改,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒸走。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡仇奶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出比驻,到底是詐尸還是另有隱情该溯,我是刑警寧澤岛抄,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站狈茉,受9級特大地震影響弦撩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜论皆,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一益楼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧点晴,春花似錦感凤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至屠橄,卻和暖如春族跛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背锐墙。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工礁哄, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人溪北。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓桐绒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親之拨。 傳聞我的和親對象是個殘疾皇子茉继,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 字符的 Unicode 表示法 codePointAt() String.fromCodePoint() 字符串的...
    卞卞村長L閱讀 751評論 0 0
  • 曾經(jīng)一位大學(xué)同學(xué)說過,人蚀乔,是要相處才知道的烁竭。 在與人交往過程中,我個人在同性交往方面比異性交往難度更小吉挣,雖說同性相...
    cora的生活手冊閱讀 175評論 0 0
  • 解決了時間的問題派撕。讓我們隨時隨地可以獲取到想要獲取的。 比如直播听想。 視頻網(wǎng)站發(fā)布腥刹,最快只能在錄制完成之后才可以發(fā)布...
    花花石頭Fanny閱讀 87評論 0 0