如何从标签函数调用本机es6模板字符串替换？

Question

我正在为模板文字编写es6标记函数，该函数首先检查字符串中的条件，如果找不到条件，则仅将模板文字解释为未加标签。我很好奇，是否可以通过我的标记函数调用浏览器的本机模板文字函数（我认为它将比自己实现的函数快）。骨头：这样，就不可能有标签组合的机会，例如htmlEscape（unindent foobar）;。

例如。

function dumbTag(strs, ...vals) {
    vals = vals.map((val,i) =>
            (i % 2 == 0 ? 'even:' : 'odd:')+val);
    return String.template(strs, ...vals);
}

我自己实现的功能-是否有调用浏览器功能的更快方法？

function template(strs, ...vals) {
    let result = strs[0];
    for (let [i,val] of vals.entries()) {
        result += val;
        result += strs[i+1];
    }
    return result;
}

Answer 1

您可以（ab）String.raw为此目的使用（唯一的内置标签）：

function doNothingTag() {
  arguments[0] = { raw: arguments[0] };
  return String.raw(...arguments);
}

// Or in a more modern style:
const doNothingTag = (strings, ...rest) => String.raw({ raw: strings }, ...rest);

doNothingTag`It works!`
// "It works!"

doNothingTag`Even\nwith\nescape\nsequences!`
// "Even
// with
// escape
// sequences!"

这本质上只是String.raw让人们认为转义解释的字符串是原始版本。

Answer 2

没有这样的内置函数 - 未标记的模板文字只是直接评估为字符串。

有没有更快的方法？

这在很大程度上取决于实施。如果您使用转译器，我会避免使用剩余参数、迭代器和for of循环：

function template(strs) {
    var result = strs[0];
    for (var i=1; i < strs.length; i++) {
        result += arguments[i];
        result += strs[i];
    }
    return result;
}