let l="LieY"
let work=""+l+",webc初級前工程師"
console.log(work);

列印結果：

LieY,webc初級前工程師

ES5下必須用+l+這樣的形式進行拼接，這樣很麻煩而且很容易出錯。ES6新增了字串模版，可以很好的解決這個問題。字串模版不再使用‘xxx’這樣的單引號，而是換成了`xxx`這種形式，也叫連線號。這時我們再引用jspang變數就需要用${jspang}這種形式了，我們對上邊的程式碼進行改造。而且這裡邊支援html標籤

let l="LieY"
let sex='女'
let work=`${l},性別${sex},web初級前工程師`
console.log(work);
 

列印結果：

LieY,性別女,webc初級前工程師

對運算的支援：

let a=1;
let b=2;
let result = `${a+b}`
console.log(result);

列印結果：

3

字串查詢

ES6還增加了字串的查詢功能，而且支援中文哦，小夥伴是不是很興奮。還是拿上邊的文字作例子，進行操作

先來看一下ES5的寫法，其實這種方法並不實用，給我們的索引位置，我們自己還要確定位置。

let l="LieY"
let work=""+l+",webc初級前工程師"
console.log(work.indexOf(l));

列印結果：

0

ES6直接用includes就可以判斷，不再返回索引值，這樣的結果我們更喜歡，更直接

let l="LieY"
let work=""+l+",webc初級前工程師"
console.log(work.includes(l));

列印結果：

true

判斷開頭是否存在：

let l="LieY"
let work=""+l+",webc初級前工程師"
console.log(work.startsWith(l));

列印結果：

true

判斷結尾是否存在：

let l="LieY"
let work=""+l+",webc初級前工程師"
console.log(work.endsWith(l));

列印結果：

true

需要注意的是：starts和ends 後邊都要加s

複製字串

我們有時候是需要字串重複的，比如分隔符和特殊符號，這時候複製字串就派上用場了，語法很簡單。

let l="LieY"
console.log(l.repeat(3));

列印結果：

LieYLieYLieY