javascript - 尝试使用标记的模板字符串会给出“未捕获的语法错误：意外的令牌”

Question

我在以下代码中使用标记的模板字符串

var a = 5;
var b = 10;
var pp="";
function tag(strings, ...values) {
  pp+=strings[0]; // "Hello "
  pp+=strings[1]; // " world "
  pp+=values[0];  // 15
  pp+=values[1];  // 50

  console.log(pp+"Bazinga!");
}

tag`Hello ${ a + b } world ${ a * b}`;

但它给了

Uncaught SyntaxError: Unexpected token ...(...)

上function tag(strings, ...values) {

Answer 1

正如语法错误Unexpected token ...告诉您的那样，问题不是标签，而是其余运算符的使用。尝试以下操作：

var a = 5,
    b = 10;
function tag(strings) {
  var pp="";
  pp+=strings[0]; // "Hello "
  pp+=strings[1]; // " world "
  pp+=arguments[1];  // 15
  pp+=arguments[2];  // 50

  return pp+"Bazinga!";
}

console.log(tag`Hello ${ a + b } world ${ a * b}`);

根据ES6 兼容性表，您需要通过当前 Chrome 中的和声标志来启用 rest 语法。