day04/上午/065-模板字符串

首先呢，我们先来啊，定义一个文件吧，也叫中文的名字啊，零四模板字符串。好，然后呢，在这个里面呢，我们来啊声明一个变量啊，声明一个字符串变量，在javascript当中声明字符串有三种方式，我们来说一下，第一种方式啊，无论是用Y也好，Light也好都可以哈，第一种方式词SPRING1就是用那个双引号声音啊我是字符串，当然了，因为在我的开发工具当中，我把这个啊编码风格给改成单引号，所以当我按住CTRL加S保存的时候呢，它自动就给我啊定义成这个单引号了啊那我们要知道的呢，就是在javascript当中，实际上它是双引号和单引号是同一个意思。

双引号、双引号和单引号。声明一个都可以声明一个普通的字符串，好，这是我们说的javascript当中的传统的声明字符串的方式，那么我们再来看一下第二种生命字符串的方式四二。使用反引号啊，什么是反引号呢？就是大家现在你可以看看你的键盘，你的键盘一前面那个字符就是反引号，这个字符我们并不陌生，在你们学circle的时候啊，应该知道这个反引号呢，是一些关键字的，对不对？好，那么我们用它呢来声明一个字符串。

我也是一个字符串，好，我们来分别打印一下这个STRING1和2PENCIL。点log t，然后can.log s tr2，好，接下来呢，我们来运行一下这个代码。这是04NO04不错，好，是不是看似没有什么区别，好，那接下来呢，我们来说一下这个由反引号所表示的字符串，它都有什么不一样的特性啊，那我们来写一下啊。叫做。原样输出原样输出好，什么叫原样输出呢？啊，比如说我来呃声明一个。

一个HTL吧，这天L死呢，他是一个列表哈，UI Li Li。U，可以吧，啊，然后接下来呢，这里面呢，比如说有。嗯，沈腾，然后呢，有玛丽行吧，就写这两个吧，接下来呢，嗯，行就这个码吧，啊我呢想把它放行。啊，我先把它打印一下吧，Pencil点。Log。HTML磁钝哈，好，然后接下来呢，我来运行一下，好大家看这是不是输出出来了，好像没有什么问题啊，那现在呢，我呢，嗯，就是就是就想给他换一个行数叔叔。

因为有的时候这个HTML字符串它拼的时候可能特别长，然后呢，它的可读性就不太高了，所以呢，我想换一下行，就是增加一下它的可读性，但是呢，你会发现诶这样貌似不对，因为在字符串引用当中，你一个字符串必须写在一行，像Java也有这样的特性，如果你想隔在多行写的话呢，就必须这样写。啊，用这个加号，那加号把它加起来。然后这个地方再加个引号，加上加上引号引号然后呢，一般情况下，我们这块在前面或者是后面加上一个加号对吧。好啊，因为我的这个啊，编辑器的这个编码风格的原因啊，我加完加号之后，他又给我挪成一行了，对吧？啊好，那我们先不管它，总之这是可以的啊，这是可以的，但是呢，我现在就想换行输出。

而且呢，我还想让他展示的时候呢，在输出的过程当中也换号，明白我的意思吧，啊，所以这个时候呢，我们的反引号就派上用场了，所以你会发现原来的这个单引号啊，用在这个地方啊，就就特别嗯，不太好用啊，改来改去总是达不到我们想要的这么一个目标，那么我们直接把它改成反引号吧，好，反引号大家看。错误信息全都没了啊，貌似呢，呃，这样的话可读性也比较高了，然后这边输出的时候呢，好他也能够按照我们的啊这样的一个原本的一个意思对吧？啊啊去原样输出来，所以说呢，这是反衍号啊叫原样输出，这是它的第二特性，还有第三个特性。就是。

可以直接啊，用变量拼接。啊，我呢，有的时候管它叫差值表达式啊，都是一个意思啊，什么意思呢？比如说我现在呢，再定一个人light大明星啊，然后比如说我比较喜欢贾玲啊，贾玲好，然后在后面这个地方呢，我在。That，我想定一句话叫我喜欢贾玲，叫输出吧，啊out输出啊，啊输出什么呢？叫我喜欢我喜欢，然后你要想写假的话，你这样写对吧，是吧，后比如说我后面想再加一这个演员是吧，嗯，好，然后接下来呢，我们再打印pencil点老。Out out。

好，接下来呢，我们来看一下。你说是不是啊，我喜欢贾玲珠演员，那有同学说这没什么特别的呀，啊，特别在这，如果呢，我把它换成。反应好的话，大家看啊，我喜欢。好，我喜欢贾玲，贾玲放在star里，好，我们就不用加号引号来回来去折腾了，直接怎么写呀，直接将这个star呢，添加一个特殊的关键字叫Dollar大括号，相当于直接把这个star作为变量拼接在整个的字符串当中了，所以呢，比之前我们写的那种加号引号那种形式呀，可读性更高，代码呢也看起来更简洁一些啊，所以这个是叫做差值表达式，或者是呢，叫做变量拼接，我们再来输出一下。好，大家看是不是跟刚才我们使用加号和引号组装的这种方式，它所产生的效果是一样的啊，这是我们的模板字符串的一个使用的方法。