如何将变量放入字符串 JavaScript

在编写JavaScript代码时，我们经常需要将变量放入字符串中。在这篇文章中，我们将介绍如何将变量放入字符串中。

1. 使用模板字符串

在ES6中，引入了模板字符串。模板字符串是一种特殊的字符串，可以包含变量，并使用反引号（`）括起来。

const name = '张三';
const sentence = `我的名字叫${name}`;
console.log(sentence); // 输出：我的名字叫张三

上面的代码中，我们使用了${}来包含变量。在输出字符串时，变量的值将被自动替换。

2. 使用加号拼接字符串

在ES6之前，我们通常使用加号（+）来将变量与字符串拼接。

const name = '张三';
const sentence = '我的名字叫' + name;
console.log(sentence); // 输出：我的名字叫张三

需要注意的是，使用加号拼接字符串时，需要将变量转换成字符串类型，否则将会出现错误。

const age = 18;
const sentence = '我的年龄是' + age + '岁'; // 输出：我的年龄是18岁

3. 使用字符串模板函数

除了模板字符串外，我们还可以使用字符串模板函数。

const name = '张三';
const sentence = String.raw`我的名字叫${name}`;
console.log(sentence); // 输出：我的名字叫张三

在上面的代码中，我们使用了String.raw函数来创建字符串。与模板字符串类似，它也可以包含变量，并将变量的值自动替换。

4. 使用字符串连接符

除了加号（+）以外，我们还可以使用字符串连接符（&）来拼接字符串。在两个字符串之间使用连接符（&）将它们连接起来。

const name = '张三';
const sentence = '我的名字叫' & name;
console.log(sentence); // 输出：我的名字叫张三

需要注意的是，使用连接符（&）拼接字符串时，需要将变量转换成字符串类型，否则将会出现错误。

const age = 18;
const sentence = '我的年龄是' & age & '岁'; // 输出：我的年龄是18岁

5. 总结

在JavaScript中，我们可以使用多种方式将变量放入字符串中。其中，模板字符串是ES6中新增的语法，可以更方便地将变量放入字符串中。除此之外，我们还可以使用加号拼接字符串、字符串模板函数和字符串连接符来实现同样的功能。