如何使用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}`;