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

Question

我有一个字符串模板，目前看起来像这样：

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

我正在尝试更改为新的ES6语法

var option = `    ${option.name}`

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

Answer 1

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

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

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