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

Question

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

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

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

var option = `    ${option.name}`

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

Answer 1

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

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

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