字符串模版
先來看一個在ES5下我們的字符串拼接案例:
let music='I love music';
let blog = '非常高興你能看到這篇文章选泻，我是你的老朋友'+music+'。這節(jié)課我們學(xué)習(xí)字符串模版淫茵。';
document.write(blog);
ES5下必須用+music+這樣的形式進(jìn)行拼接爪瓜，這樣很麻煩而且很容易出錯。ES6新增了字符串模版匙瘪，可以很好的解決這個問題钥勋。字符串模版不再使用‘xxx’這樣的單引號，而是換成了xxx這種形式辆苔，也叫連接號。這時我們再引用music變量就需要用${music}這種形式了扼劈，我們對上邊的代碼進(jìn)行改造驻啤。
let music='I love music';
let blog = `非常高興你能看到這篇文章，我是你的老朋友${music}荐吵。這節(jié)課我們學(xué)習(xí)字符串模版骑冗。`;
document.write(blog);
可以看到瀏覽器出現(xiàn)了和上邊代碼一樣的結(jié)果。而且這里邊支持html標(biāo)簽先煎，可以試著輸入一些贼涩。
let music='I love music';
let blog = `<b>非常高興你能看到這篇文章</b>，我是你的老朋友${music}薯蝎。<br/>這節(jié)課我們學(xué)習(xí)字符串模版遥倦。`;
document.write(blog);
對運(yùn)算的支持：
let a=1;
let b=2;
let result=`${a+b}`;
document.write(result);
強(qiáng)大的字符串模版，在實(shí)際開發(fā)中占锯，我們可以讓后臺寫一個活動頁面袒哥，然后輕松的輸出給用戶。
字符串查找
ES6還增加了字符串的查找功能消略，而且支持中文哦堡称，小伙伴是不是很興奮。還是拿上邊的文字作例子艺演，進(jìn)行操作却紧。
查找是否存在:
先來看一下ES5的寫法，其實(shí)這種方法并不實(shí)用胎撤，給我們的索引位置晓殊，我們自己還要確定位置。
let music='I love music';
let blog = '非常高興你能看到這篇文章哩照，我是你的老朋友I love music挺物。這節(jié)課我們學(xué)習(xí)字符串模版。';
document.write(blog.indexOf(music));
這是網(wǎng)頁中輸出了20飘弧，我們還要自己判斷识藤。
ES6直接用includes就可以判斷砚著，不再返回索引值，這樣的結(jié)果我們更喜歡痴昧，更直接
let music='I love music';
let blog = '非常高興你能看到這篇文章稽穆，我是你的老朋友I love music。這節(jié)課我們學(xué)習(xí)字符串模版赶撰。';
document.write(blog.includes(music));
判斷開頭是否存在：
blog.startsWith(music);
判斷結(jié)尾是否存在：
blog.endsWith(music);
需要注意的是：starts和ends 后邊都要加s舌镶，我開始時經(jīng)常寫錯，希望小伙伴們不要采坑豪娜。
復(fù)制字符串
我們有時候是需要字符串重復(fù)的餐胀，比如分隔符和特殊符號，這時候復(fù)制字符串就派上用場了瘤载，語法很簡單否灾。
document.write('I love music|'.repeat(3));
當(dāng)然ES6對字符串還有一些其它操作，因?yàn)閷?shí)際工作中不太使用鸣奔，這里就不作太多的介紹了墨技。希望你能動手練習(xí)一下，并把這些新特性應(yīng)用到工作中挎狸，否則可能很快就忘記了扣汪。
