ES6模板字符串和自动分号插入

Question

考虑以下代码：

`abc`.split(`b`)
`abc`.split(`b`)

失败并出现TypeError: "abc".split(...) is not a function

在这里尝试。

为了使其工作，我们需要在这两个语句之间插入一个分号。 如果我们在第二行中使用常规字符串，代码也可以正常工作：

`abc`.split(`b`)
"abc".split(`b`)

这种行为的原因是什么？

我想这与自动分号插入有一些奇怪的东西有关，但我不知道这是什么。
另外，常规字符串和模板字符串之间似乎存在差异的事实也使我感到困惑。 这些不应该等同吗？

Answer 1

模板文字可以使用函数标记 ，而字符串文字则不能。 注意

tag`a ${x} b`;

基本上相当于

tag("a ", x, " b");

由于您的表达式`abc`.split(`b`) `abc`.split(`b`)在语法上是有效的，因此此处不会发生自动分号插入 。 不要在需要的地方省略分号。 并不是说ASI在做一些怪异的事情，它只是在您期望的时候什么也没做。

如果你想省略分号，让他们自动插入需要的地方有可能 ，您将需要把一个在开始每一个开头线( ， [ ， / ， + ， -或` 。