00:00
Hello,大家好,那这个小节我们来学习一下ES6当中的模板字符串,那ES6呢,引入了新的声明字符串的方式,就是这个模板字符串符号呢,用的是反引号。在ES5里边呢,咱们说明字符串呢,有两种方式,第一个单引号,第二个双引号,而ES6引入了这样一个反引号,好,我们来演示一下声明。Let let s加等于一个,哎,发引号加入啊,我也是一个字符串哦。我们使用console.log的方式来打印一下HTR啊str,顺便再打印一下它的一个类型。保存大家看一下,我是一个字符串哦,是吧,这是值,然后后边哎,String它是个类型没有问题。好,这是声明的一个格式,跟单引号和双引号其实区别并不是特别大,对吧,只是符号这边有点区别啊。
01:04
格式没有问题,但是符号不一样好,那么模板字符串有什么特性呢?它上面的字符串啊,主要有两个,第一个呢是内容中。啊,内容中可以直接。啊,出现直接出现这个换行符。什么意思呢?就是我们可以在内容里边直接有换行符出现,这个是。合法的啊,但是呢,我们单引号和双引号确实不可以的,举一个例子啊,比如说let s tr啊,我们先使用这个单引号来声明。啊,用一个标签来演示。有L好,然后里头呢,里边我们再写上L标签。I Li标签里边写上喜欢哪一个呀,这个。谐星是吧,喜剧演员是吧,沈腾。啊,然后把这个呢复制一份拿过来啊,然后玛丽啊。
02:02
马冬梅是吧,马什么梅,马冬什么是吧?拿过来还有一个是这个魏翔。哎,我是特别喜欢魏强这个。演员的是吧,还有一个是那个艾伦。啊,你过来啊是吧?哈,好了,大家看一下这咱们生面一个字符串,然后呢,我们想在这,因为这是H前面标签对不对,我们写惯H前面的话,你会发现你没有换行啊,没有缩进是很难受的是吧?哎,我敲个换行是吧,缩进一下啊,这边你再看这一半你再看啊,咱就不用再演示了,是吧,肯定是会出错的啊,编辑器都已经提醒了,在浏览器里边也有提醒语法错误。啊,语法组不能够在这个单引号生命字符串里边直接去啊输出这个换行符。啊是不行的,那么咱们应该怎么办,咱们可以怎么办呢?要之前咱们得用这个引号和加号的方式去连接。啊,引号和加号的方式去连接才可以,不过现在呢,咱有了反引号就是模板字符串,诶就不用担心了,就直接写就行了,保存你可以看一下它就没有报错了。
03:11
这是它的第一个特性啊,特别好用,就是可以直接出现换行符。那么第二个特性是什么呢?就是它可以呢,直接进行这个变量的一个拼接,I变量拼接。举个例子啊,比如说let love等于一个字,等于一个字符串是吧?来比方说我喜欢的一个演员是魏翔。然后下边呢,我再定一个字符串,Let s tr,哎,不行,不能重复声明对不对,然后写一个out,然后里边怎么写一个。字符串。叉叉叉啊,是我心目中是吧啊,最优秀的啊,最搞笑的这个。演员。好,那么现在的现在一个需求是这样子,就是我们想把这个变量它的值呢和下边的个内容做一个拼接,就把叉叉叉呢换成love is的这个变量里边的内容,那之前咱们怎么做呢?之前咱们是用加号拼接,哎,Love is,然后加上它这样去做,而现在有了模板字符串以后,咱们可以这样来,哎,反引号,然后在前面呢使用Dollar划括号,注意这是固定格式。
04:29
必须要使用Dollar和划符号,然后在里边呢,把GS那个变量放进来,Love list。保存。然后我们来输出一下这个结果,可log log,然后out保存,可以看一下啊,魏翔是我心目中最搞笑的啊演员。好了,这是当前的模板字符串的一个使用,那么以后呢,我们在遇到字符串和变量拼接这个场景,以及啊,我们需要在字符串里边,然后呢,输出换行的时候,我们就可以呢,使用模板字符串非常非常方便,好了这个小节我们就先到这。
我来说两句