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

课程名称：4小时快速体验ES6-10的强大

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

课程讲师：大谷

课程内容：

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

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

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

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

课程收获：

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