ES6调用带有模板文字但没有括号的函数[重复]

Question

根据MDN，标记的模板文本可以按如下方式使用：

var a = 5;
var b = 10;
function tag(strings, ...values) {
  alert(strings[0]); // "Hello "
  alert(strings[1]); // " world "
  alert(values[0]); // 15
  alert(values[1]); // 50
  return "Bazinga!";
}
tag `Hello ${ a + b } world ${ a * b }`; // "Bazinga!"

在上面的示例中，调用函数tag，而不使用括号。

我希望它应该像tag（`Hello`）那样调用，但它会将模板文本产生的字符串作为函数的strings参数传递。

调用不带括号但带参数的函数有什么特点？

Answer 1

调用没有括号的函数有什么特点？

语法仅允许标记模板的这种语法：

MemberExpression : MemberExpression TemplateLiteral
CallExpression : CallExpression TemplateLiteral

这些规则意味着MemberExpression或CallExpression后跟TemplateLiteral被视为函数调用。规范中的附加说明：

带标记的模板是一个函数调用，其中调用的参数派生自TemplateLiteral（12.2.9）。实际参数包括一个模板对象（12.2.9.3）和通过计算嵌入在TemplateLiteral中的表达式而产生的值。

如果你问为什么这样做，我不能给你一个答案。

但是，如果您仔细想想，就不可能只使用“普通”函数调用语法tag（`…`）意味着tag传递一个参数，即计算模板文本的结果。但正如您在MDN示例中看到的，标记的模板函数实际上传递了多个参数。如果函数以不同的方式（内部）调用（如果传递给它们一个模板文本）而不是使用不同的值调用它们，那么肯定会更令人惊讶。然后，如果你真的想传递一个模板文本给一个函数，你会怎么调用它呢？

因此，引入新语法似乎是有意义的。

FWIW，这是“普通”函数调用的语法：

CallExpression : MemberExpression Arguments
CallExpression : CallExpression Arguments