在现在使用的ES6标准中,对字符串增加一个功能,就是字符串模板。字符串模板可以进行字符串拼接、嵌入变量和函数,语法是使用反单引号,嵌入的变量使用${}包裹起来。下面利用一个实例说明字符串模板的用法,操作如下:
工具/原料
1
ES6
2
JavaScript
3
HTML5
4
HBuilder
5
浏览器
6
截图工具
方法/步骤
1
第一步,在ES6之前,拼接字符串时每行都需要添加单引号或双引号;现在可以直接使用反单引号,即使跨行也只需醒何要一组反单引号,如下图所示:
2
第二步,定义了一个数值变量nums,然后再定义一个字符串变量sales,并将数值变量插入到字符串变量里,使用${},如下图所示:
3
第三步,除了可以进行字符串拼接和搁慎净插入变量,三痕还可以使用模板字符串进行计算获取结果,如下图所示:
4
第四步,如果要对每个变量进行操作之后,得到的结果再求和,可以调用模板字符串,如下图所示:
5
第五步,如果模板字符串中的内容还是一个字符串,展示的拼接结果是什么,如下图所示:
注意事项
1
注意使用ES6中的字符串模板拼接字符串
2
注意字符串模板使用的符号
上一篇:截取字符串的函数