手记

【备战春招】第7天 ES6基础知识详解(三)

课程章节: ES6基础知识详解

课程讲师大谷

课程内容:

上篇文章讲解了字符串方法的前两种,字符串拼接在这篇补充完成。

字符串拼接用"+",可以拼接成我们需要的结果。如果想要多行或者简写,可以使用反单引号,就是数字1左边的符号,里面的变量必须是这样书写${firstName},将变量写在${}的里面。如果我们不是使用反单引号,就不需要使用${}。我们也可使在里面传递函数并执行函数。

如果我们想要在函数中实现字符串的拼接,我们可以定义一个函数,里面定义要接收的参数,我们需要注意的是第一个参数代表的是${}前面的内容。后面的参数是对应${}里面的内容。如果下面代码我们想输出的结果前面带firstName=,我们只需要在将return中添加一个a[0],而lastName=对应的就是a[1]。这里的模板字符串是不需要将后面的参数用小括号进行包裹,不然输出的结果就乱了。

我们还可以在上面代码的基础上进行优化操作,将上面的变量和函数的调用都使用函数来封装,这样我们不需要定义这么多的变量,只需要在调用函数时,将我们所需要的参数传递进去即可。

课程收获:

这一章主要学习了ES6中字符串的普通拼接和函数中模板字符串如何进行拼接,在函数中我们需要注意的是第一个参数是${}前面的内容,而不是里面的内容。我们还需要记住模板字符串也不需要用小括号进行包裹。我们在书写时,也可以都是用函数,然后函数调用也可以输出我们想要的内容,这样的好处时我们不需要定义太多的变量,而且代码可读性更好。学习了函数中的模板字符串,我知道如何将普通的模板字符拼接串封装成函数来实现,这样维护起来更容易,当里面的变量更改时,我们只需要在调用的时候传递需要的值,而不需要再重复定义多个变量。

0人推荐
随时随地看视频
慕课网APP