课程名称:4小时快速体验ES6-10的强大
课程章节: ES6基础知识详解
课程讲师:大谷
课程内容:
上篇文章讲解了字符串方法的前两种,字符串拼接在这篇补充完成。
字符串拼接用"+",可以拼接成我们需要的结果。如果想要多行或者简写,可以使用反单引号,就是数字1左边的符号,里面的变量必须是这样书写${firstName}
,将变量写在$
和{}
的里面。如果我们不是使用反单引号,就不需要使用${}
。我们也可使在里面传递函数并执行函数。
如果我们想要在函数中实现字符串的拼接,我们可以定义一个函数,里面定义要接收的参数,我们需要注意的是第一个参数代表的是${}
前面的内容。后面的参数是对应${}
里面的内容。如果下面代码我们想输出的结果前面带firstName=
,我们只需要在将return
中添加一个a[0]
,而lastName=
对应的就是a[1]
。这里的模板字符串是不需要将后面的参数用小括号进行包裹,不然输出的结果就乱了。
我们还可以在上面代码的基础上进行优化操作,将上面的变量和函数的调用都使用函数来封装,这样我们不需要定义这么多的变量,只需要在调用函数时,将我们所需要的参数传递进去即可。
课程收获:
这一章主要学习了ES6
中字符串的普通拼接和函数中模板字符串如何进行拼接,在函数中我们需要注意的是第一个参数是${}
前面的内容,而不是里面的内容。我们还需要记住模板字符串也不需要用小括号进行包裹。我们在书写时,也可以都是用函数,然后函数调用也可以输出我们想要的内容,这样的好处时我们不需要定义太多的变量,而且代码可读性更好。学习了函数中的模板字符串,我知道如何将普通的模板字符拼接串封装成函数来实现,这样维护起来更容易,当里面的变量更改时,我们只需要在调用的时候传递需要的值,而不需要再重复定义多个变量。