多语言展示
当前在线:1008今日阅读:23今日分享:25

如何使用ES6中的字符串模板拼接成新的字符串

在现在使用的ES6标准中,对字符串增加一个功能,就是字符串模板。字符串模板可以进行字符串拼接、嵌入变量和函数,语法是使用反单引号,嵌入的变量使用${}包裹起来。下面利用一个实例说明字符串模板的用法,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HTML5

4

HBuilder

5

浏览器

6

截图工具

方法/步骤
1

第一步,在ES6之前,拼接字符串时每行都需要添加单引号或双引号;现在可以直接使用反单引号,即使跨行也只需醒何要一组反单引号,如下图所示:

2

第二步,定义了一个数值变量nums,然后再定义一个字符串变量sales,并将数值变量插入到字符串变量里,使用${},如下图所示:

3

第三步,除了可以进行字符串拼接和搁慎净插入变量,三痕还可以使用模板字符串进行计算获取结果,如下图所示:

4

第四步,如果要对每个变量进行操作之后,得到的结果再求和,可以调用模板字符串,如下图所示:

5

第五步,如果模板字符串中的内容还是一个字符串,展示的拼接结果是什么,如下图所示:

注意事项
1

注意使用ES6中的字符串模板拼接字符串

2

注意字符串模板使用的符号

推荐信息