javascript - 如何在 JavaScript 中的类名语法中连接字符串？

Question

我有一个像这样的巨大字符串:

'<i class=""></i>'

我有一个名为icon的变量。我需要将 icon 放在两个引号之间。虽然感觉很简单，但我一直在努力理解它。有人可以帮忙吗？这里是 JS 新手。

Answer 1

字符串的分隔符是 '，因此只需结束 '，连接 icon，然后恢复 ':

const icon = 'myIcon';
const str = '<i class="' + icon + '"></i>';
console.log(str);

但是您可能会发现使用模板文字更具可读性，特别是如果您正在构建 HTML 字符串，或者它是多行，或者您遇到转义字符的任何问题:开始和结束带反引号的字符串，并通过将变量放入 ${varNameHere} 中来插入变量:

const icon = 'myIcon';
const icon2 = 'myIcon2';
const icon3 = 'myIcon3';
const str = `
<i class="${icon}"></i>
<i class="${icon2}"></i>
<i class="${icon3}"></i>
`;
console.log(str);