这节我们主要学习ES6对字符串新增的操作，最重要的就是字符串模版，字符串模版的出现让我们再也不用拼接变量了，而且支持在模板里有简单计算操作。小伙伴们是不是已经摩拳擦掌等不急了那？那我们就开始吧。

先来看一个在ES5下我们的字符串拼接案例:

let xzdemo=‘小智‘;
let blog = ‘非常高兴你能看到这篇文章，我是你的朋友‘+xzdemo+‘。这节课我们学习字符串模版。‘;
document.write(blog);

ES5下必须用+ xzdemo +这样的形式进行拼接，这样很麻烦而且很容易出错。ES6新增了字符串模版，可以很好的解决这个问题。字符串模版不再使用‘xxx’这样的单引号，而是换成了xxx这种形式，也叫连接号。这时我们再引用xzdemo变量就需要用${ xzdemo }这种形式了，我们对上边的代码进行改造。

let xzdemo=‘小智‘;
let blog = `非常高兴你能看到这篇文章，我是你的朋友${xzdemo}。这节课我们学习字符串模版。`;
document.write(blog);

let xzdemo=‘小智‘;
let blog = `<b>非常高兴你能看到这篇文章</b>，我是你的朋友${xzdemo}。<br/>这节课我们学习字符串模版。`;
document.write(blog);

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

强大的字符串模版，在实际开发中，我们可以让后台写一个活动页面，然后轻松的输出给用户。