實際應用中，目標字符串的生成可能需要多個數據的拼接。
由於應用頻繁，幾乎是所有編程語言都必須掌握的操作，當然每種語言具有各自特點。
本文將通過代碼實例詳細介紹一下JavaScript如何實現字符串拼接操作。
一.使用加號（+）拼接：
加號不但可以實現算數運算，也可以實現字符串拼接操作。
代碼實例如下：
console.log(``"興趣部落"``+``"海島市南區"``);
上述代碼使用加號（+）實現兩個字符串的拼接操作。
目的是演示加號拼接功能，實際項目中根本沒可能這么用。
let webName=``"興趣部落"``;
let address=``"海島市南區"``;
let str=webName + "位於" + address;
console.log(str);
代碼實現了字符串拼接效果，webName與address是變量，不能將它們直接包裹於引號之中。
否則，webName與address就不是變量了，變量名稱直接就成為字符串的一部分。
代碼實例如下：
let webName=``"興趣部落"``;
let address=``"海島市南區"``;
let str=``"webName位於address"``;
console.log(str);
二.字符串與非字符串數據拼接：
前面代碼都是字符串之間的拼接操作，其實字符串數據也可以與非字符串數據進行拼接。
首先看一段代碼實例：
console.log(5+``"5"``);
可數字5與字符串"5"進行拼接，首先會將數字轉換為字符串，然后再進行拼接操作。
當然字符串不止可以和數字進行拼接，也可以與其他數據類型進行拼接操作，本文不再演示。
內在原理是，不同數據類型進行拼接操作的時候，首先會進行隱式數據類型轉換。
考慮到篇幅問題，本文不做介紹。
三.模板字符串實現拼接：
ES2015之前只能通過加號實現字符串拼接，如果數據量較大，那么代碼看起來比較繁瑣。
現在新增了更為簡單的字符串拼接方式，使用模板字符串與占位符可以實現更為簡潔直觀的拼接操作。
代碼實例如下：
let webName=``"興趣部落"``;
let address=``"海島市南區"``;
let str =webName位於 {webName}位於webName位於{address};
console.log(str);
上面利用模板字符串與占位符實現了非常簡潔直觀的拼接操作。
省去了加號運算符，這也是簡潔直觀的關鍵因素。
四.字符串一旦創建不可更改：
字符串一旦創建，其值不可更改，看如下代碼實例：
let str=``"興趣部落"``;
let str=str+``"海島市南區"``;
console.log(str);
最后打印結果是"興趣部落海島市南區"，這時候肯定會有朋友問，字符串的值不是已經改變了嗎。其實不然，改變的是str變量值，上述操作首先銷毀原來字符串"興趣部落"，然后再將拼接后的新字符串"興趣部落市南區"賦值給變量str，並不是直修改原字符串。
原文：https://blog.csdn.net/fenghulun/article/details/91049902