實(shí)際應(yīng)用中，目標(biāo)字符串的生成可能需要多個(gè)數(shù)據(jù)的拼接。
由于應(yīng)用頻繁，幾乎是所有編程語(yǔ)言都必須掌握的操作，當(dāng)然每種語(yǔ)言具有各自特點(diǎn)。
本文將通過代碼實(shí)例詳細(xì)介紹一下JAVAScript如何實(shí)現(xiàn)字符串拼接操作。
一.使用加號(hào)()拼接:
加號(hào)不但可以實(shí)現(xiàn)算數(shù)運(yùn)算，也可以實(shí)現(xiàn)字符串拼接操作。
代碼實(shí)例如下:
console.log(``"愛前端"````"專注全棧大前端"``);
上述代碼使用加號(hào)()實(shí)現(xiàn)兩個(gè)字符串的拼接操作。
目的是演示加號(hào)拼接功能，實(shí)際項(xiàng)目中根本沒可能這么用。
letwebName=``"愛前端"``;
letaddress=``"專注全棧大前端"``;
letstr=webName"位于"address;
console.log(str);
代碼實(shí)現(xiàn)了字符串拼接效果，webName與address是變量，不能將它們直接包裹于引號(hào)之中。
否則，webName與address就不是變量了，變量名稱直接就成為字符串的一部分。
二.字符串與非字符串?dāng)?shù)據(jù)拼接:
前面代碼都是字符串之間的拼接操作，其實(shí)字符串?dāng)?shù)據(jù)也可以與非字符串?dāng)?shù)據(jù)進(jìn)行拼接。
首先看一段代碼實(shí)例:
console.log(5``"5"``);
可數(shù)字5與字符串"5"進(jìn)行拼接，首先會(huì)將數(shù)字轉(zhuǎn)換為字符串，然后再進(jìn)行拼接操作。
當(dāng)然字符串不止可以和數(shù)字進(jìn)行拼接，也可以與其他數(shù)據(jù)類型進(jìn)行拼接操作，本文不再演示。
內(nèi)在原理是，不同數(shù)據(jù)類型進(jìn)行拼接操作的時(shí)候，首先會(huì)進(jìn)行隱式數(shù)據(jù)類型轉(zhuǎn)換。
三.模板字符串實(shí)現(xiàn)拼接:
ES2015之前只能通過加號(hào)實(shí)現(xiàn)字符串拼接，如果數(shù)據(jù)量較大，那么代碼看起來比較繁瑣。
現(xiàn)在新增了更為簡(jiǎn)單的字符串拼接方式，使用模板字符串與占位符可以實(shí)現(xiàn)更為簡(jiǎn)潔直觀的拼接操作。
我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。
原文鏈接：https://www.xuebuyuan.com/3270648.html
