28-尚硅谷-尚医通-前端知识点-ES6语法-模板字符串

各位大家好，我们继续学习ES6的语法，下面呢给大家演示ES6中的另外一个语法，叫做模板字符串，什么叫模板字符串呢？咱们可以理解为是一个加强版的字符串，咱们用普通字符串很多功能不好实现，而用这个可以更方便做到，比如说用它里边可以方便实现多行字符串输出，另外在里边可以加入变量和表达式，而它的写法就是一个反引号。那这个具体怎么做，给各位我来做一个详细的演示，关于模板字符串，那下面在里边给大家写一下。首先这些我先都给它关掉，然后我现在在里边呢，我再重新复制一个新的一个页面，这页面我们就叫。零四模板字符串。我在里边写上。

然后复制之后呢，在里边我们写出它的相关的内容，然后内容怎么写呢？比如说我现在啊，在里边我就先定义两个变量，然后定义两个变量之后，我通过500字符串，通过表达式可以取到里面的值，并且表达式中的这个内容包括咱可以做一些运算操作，以及里边的这些数据可以做一个换行的显示，那我下面给各位来具体写一下。首先我先来两变量，比如第一个let name，我们等于这个值，咱就来一个这个，比如这个Lucy。第一个，然后第二个light h，我们等于20，所以现在我写了两个变量，一个是Lucy，一个是20啊单引号双引号无所谓啊，我就来一个双引号吧，然后写完之后呢，比如下面我再来个变量like info，然后info里边的写入我们的内容，那内容怎么做呢？在里边我加上一个反引号，大家看。

比如说里边要写个值表现，咱们写就是这个my name。然后意思这个Lucy。Lucy值大家注意是不是这个变量了，所以咱们在这个反引号或者说模板字符串中，我可以加个表达式，就是Dollar符号大括号，然后里边加上name，这样的话又可以通过表达式把这值取到，取到之后比如咱进进步来写，然后现在my name is这个Lucy，然后就是。他的这个年龄，比如是这个20，而这个年龄的20在在里边可以做一个相加操作，那我写一下，也就写一下这个，那就是IM。我是这个20岁，咱们加个表达式。加上这个就是H。加一大家注意这里边是不是既用了表达式取到值，另外是不是也做了一个运算的操作呀，所以这是它的一个特点，然后做完之后呢，在这里边，比如咱现在加一个换行，然后他把那种就可以做一个换行输出，最终咱用console给它就输出一下。

conso.log我们叫info，所以这是关于模板独串的使用，在里边表达式取变量的值，可以做运算操作，另外可以做一个换行的输出，那下面咱们把效果我们来试一下，看一下结果。大家看my name is Lucy I'这个是不是21，然后后面是不是做了一个换行操作，所以现在模板字符串给一个位就做演示，这个咱后面在项目中会用到，就用它取一些变量中的这个值。给各位，给他知道咱们就完成了。