如何在JavaScript输出中为非字符串变量添加引号？

这问题我熟！你不需要改动txt1和txt2的变量值，也不用把它们转成字符串类型，直接在输出的拼接语句里把引号作为字符串字面量加进去就行，两种写法都能搞定：

写法1：使用模板字符串（ES6+） #

模板字符串用反引号包裹，里面可以直接通过${变量名}插入变量，引号直接写在对应的位置就好：

document.getElementById("demo").innerHTML = `"${txt1}" "${txt2}"`;

写法2：使用字符串拼接（兼容旧环境） #

如果需要兼容不支持ES6的环境，用加号拼接字符串片段也可以，注意引号的嵌套：

document.getElementById("demo").innerHTML = '"' + txt1 + '" "' + txt2 + '"';

原理说明 #

虽然txt1和txt2不是字符串类型，但当它们和字符串字面量（比如"）进行拼接时，JavaScript会自动调用它们的toString()方法转换成字符串，这样就能直接把引号和变量值组合成你想要的格式啦。

内容的提问来源于stack exchange，提问作者Samkeith