javascript - 如何使用ES6字符串模板添加多个空格？

我有一个当前看起来像这样的字符串模板:

var option = "\u00A0" + "\u00A0" + "\u00A0" + "\u00A0" + option.name;

我试图更改为新的ES6语法

var option = `    ${option.name}`

但是，当它在屏幕上显示时，ES6版本中没有空格，或者在我指定它的字符串上没有4个空格缩进。问题可能与我在options中以select形式使用这些字符串有关。有任何想法吗？

最佳答案

在第一个示例中，您使用的是不间断空格(\u00A0)，在第二个示例中，您使用的是普通空格(\u0020)。因此，除了更改语法外，还更改了字符。

尤其是这与ES6并没有任何关系。如果您使用相同的字符，它将按预期工作:

var option = `\u00A0\u00A0\u00A0\u00A0${option.name}`;