在实际应用中，目标字符串的生成可能需要多个数据的拼接。

由于应用频繁，是几乎所有编程语言都必须掌握的操作。 当然，每种语言都有自己的特点。

本文将通过代码示例详细介绍如何实现字符串拼接操作。

1、使用加号()拼接：

加号不仅可以进行算术运算，还可以进行字符串连接操作。

代码示例如下：

.log(``"热爱前端"````"专注全栈大前端"``);

上面的代码使用加号 () 连接两个字符串。

目的是为了演示加号拼接功能，但在实际项目中是不可能使用的。

=``“热爱前端”``;

=``“专注全栈前端”``;

=“在”；

.log(str);

代码实现了字符串拼接效果，并且是变量，不能直接用引号包裹起来。

否则， and 不是变量，变量名直接成为字符串的一部分。

2、拼接字符串和非字符串数据：

前面的代码都是字符串之间的拼接操作。 事实上，字符串数据也可以与非字符串数据进行拼接。

首先看一个代码示例：

.log(5``"5"``);

数字5可以与字符串“5”拼接。 首先将数字转换为字符串，然后进行拼接操作。

当然，字符串不仅可以与数字拼接，还可以与其他数据类型拼接，本文不再演示。

其内部原理是，不同数据类型拼接时，会先进行隐式数据类型转换。

3、模板字符串拼接：

以前，字符串拼接只能通过加号来实现。 如果数据量很大，代码就会显得很麻烦。

现在增加了更简单的字符串拼接方法，使用模板字符串和占位符来实现更简洁直观的拼接操作。

我是一名老Web前端程序员，从事开发多年。 目前我辞去了工作，正在做自己私人定制的Web前端课程。 今年年初，我花了一个月的时间整理了一份2019年最适合学习的Web前端学习技巧清单，各种框架都整理好了送给每一位前端小伙伴。 如果想要获取的话，可以关注我，后台私信我：前端，即可免费获取。

原文链接：/.html