00:01
好,我们再来看一下ES6当中的反引号法啊。那么刚才我们再去写的这个数组的照应法呢,实际上本质上就是把这个数组中的所有小字符串呢。都要拼接成一个大的字符串。呃,那为什么要这么拼接呢?实际上是因为单引号和双引号这种传统的字符串呢,是不能呃进行换行的啊,在字符串当中没有换行啊。所以这样的话呢,教你这种方法呢,显得就更加的优雅一点。但实际上呢,在ES6当中,同学们应该知道啊,新增了反引号这样子的啊一个。就是呃这个符号啊,字符串的一个符号,那这样的话就会很方便,它这个字符串里的东西能换行,并且呢,还自带了啊,可以让你把这个呃斩断连接的这样的一些东西啊。好,那我们现在呢,就可以给他啊,就是给它弄进去,咱们给他演示一下啊,ES6的反引号。
01:07
好,反引号法啊。好,ES6的反引号法呢,我们现在就可以在这里啊,给大家演示一下,还是非常简单的,嗯,它跟刚才这一样,也需要遍历,遍历的话呢,诶跟这个一样啊,就是诶一模一样的对吧,在这里,但是它呢,就不需要join应了,直接拼反引号就行了。对吧,哎,没问题,那么反引号它的好处是什么呢?便利啊便利每一次,然后往里边拼啊,反引号的好处是什么呢?反引号的好处呢,就是它里头的字符串可以换行。啊,可以换行,你看可以换行,哎,但是这个换行它并不引发代,就是咱们看一下零三啊运行一下。哎,他这个不换哈,因为你这里没有HTL标签,但是如果你这里有H天猫标签啊。是吧,哎,那它就会换行,这是一个人就两行嘛,所以六行嘛,这里对吧,哎,所以这个就是反引号的好处啊,ES6新增的这个反引号非常的好用。
02:10
那所以现在的话,你看你就可以在这里补利嘛。哎力哎,然后直接就那个div。对吧,哎,然后这块是class HD。好,然后他可以用这个方法啊,咱们大家应该知道ES6咱们,嗯,肯定都接触过。哎的基本信息你看。他可以用这种Dollar啊,然后大括号这样的形式,可以直接连斩断连接啊,拼接字符串都不用了,所以这个反引号呢,确实是个神迹。啊,它一方面可以让咱们的这个字符串呢,产生换行。哎,一方面就提供了这个Dollar这个神迹。哎,没有问题啊,然后BD我们再给它弄过来,那第一个P。哎,那就是叫姓名。
03:01
好,我们可以这样给它弄进去性别。年龄。啊,H。好了,哎,就OK了,所以你就会发现这个反引号确实是个很神奇的东西啊,再说一遍,它第一呢,能够让字符串里面呢有换行。第二呢,它可以用这个Dollar对吧,这样的形式来非常快的去把变量拼到字符串里头啊,而不用斩断连接那种传统的那种形式。对吧,哎,它这样子的话,这个字符串是非常非常非常好用的啊,这个反引号是非常非常好用的啊。好,所以这个呢,就是啊,就是反引号,咱们就讲到这儿,那现在我们再来回顾一下这三种方法,你会发现确实是啊,第一种方法是最笨的啊,创建这个盗墓元素,创建盗墓元素,然后呢,不断的创建标签啊,然后还要设置它的类名,设置它的内部文字啊,追加孤儿节点,哎,然后还有爷爷追加父亲,父亲追加孙子是吧?啊就是各种的麻烦。
04:11
好,那么数组的照应呢,诶就优雅了一些啊,起码它是用字符串的思维啊,就比倒墓方法要写起来要快啊,但实际上本质上倒墓方法啊,实际上是呃,在底层运作的时候会更快,但是呢,实际上现在浏览器的渲染引擎呢,呃,它已经不在乎这点速度了啊,就是渲染字符串说实话是要略慢于盗墓的啊,哎,老师并没有说反就是的确是这样子,就盗墓方法再怎么样,它都要比字符串渲染要快啊,因为字符串它还有字符串还有盗墓的层级的解析的这么一个过程嘛,对吧。哎,但是写起来呢,会快啊,那你就会发现这个由于数组啊,由于字符串当中不能有换行符啊,所以我们就采用了数组照应这个方法。然后呢,ES6当中就推出了这个换行符,哎,就能换行了。
05:02
对吧,诶1S6当中就能换行了啊,然后呢,也能用刀的这种拼接,就不用这样的斩到连接了,所以这个123呢,它的优雅程度是逐步升高的啊,那还有更优雅的就是咱们说的这个模板引擎啊,大家其实知道vuee当中呢,是用V-four来进行循环的,但是在没有V杠啊,没有VE出现之前,实际上世界上呢,已经也出现了模板引擎这个东西。啊,也出现了模板引擎的这个东西,那这个东西呢,就是我们后边要讲的mustache啊mustache啊这个库,Muste啊mustache这个库呢,实际上可以说是世界上最早的模板引擎,好,那我们从下个视频开始呢,我就要给大家详细的介绍mustdash这个模板引擎到底是如何对吧?哎,就是它的一个基本语法,它为什么说它是最优雅的。好,我们下个视频进行讲解。
我来说两句