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

来源：互联网 2023-03-16 23:58:13 167

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

工具/原料

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

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

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

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

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

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

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

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

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

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

第六步，除了可以直接将变量拼接到字符串中，还可以将函数或方法插入到字符串中，如下图所示：

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

6相关内容非法爬取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！