JavaScript ES6 模板字符串的类型不一致

Question

在测试 JavaScript ES6 的新模板字符串时（在 Firefox 中，如果重要的话），我注意到它们的类型有些不一致。

我定义了一个自定义函数，如下所示：

function f(a) {
    console.log(typeof(a));
    console.log(a);
}

首先，我“正常”地测试了函数，在模板字符串周围使用括号。

f(`Hello, World!`)

正如预期的那样，这产生了string 的类型，并且Hello, World! 被输出到了控制台。

然后我调用了函数简写，没有括号，出现了不一致。

f`Hello, World!`

类型变成object，Array [ "Hello, World!" ]输出到控制台。

为什么在使用第二种方法时模板字符串被包裹在一个数组中？这只是 Firefox 中的一个错误（毕竟，ES6 是一个新标准）还是出于某种原因会出现这种行为？

Answer 1

// A function call, passed the result of a template literal.
f(`str`)

和

// A tagged template call, passed metadata about a template.
f`str`

不一样。第一个以单个字符串作为参数调用f。第二个调用f 带有几个参数，具体取决于模板。例如

f`one${2}three${4}five`

会通过f

f(strings, ...values)

与

strings
// ['one', 'three', 'five']

这是模板所有字符串部分的列表，并且

values
// [2, 4]

这是所有适合字符串之间的值。这允许标签对字符串进行预处理并处理它。

documentation on MDN can help more。