Question

我正在为模板文字编写es6标记函数，它首先检查字符串中的条件，如果找不到条件，则只解释模板文字，就像它没有标记一样。我很好奇，如果从我的标签功能，有一种方法可以调用浏览器的本机模板文字函数（我假设它比我自己实现的函数更快）。 Bonue：有了这个，就没有机会进行标签组合，例如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

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

有更快的方法吗？

这在很大程度上取决于实施。如果您使用的是转换器，我会避免使用rest参数，迭代器和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;
}

Answer 2

您可以（ab）使用String.raw（唯一的内置标记）来实现此目的：

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

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

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

这实际上只是诱骗String.raw认为转义解释字符串是原始版本。

Answer 3

我也想知道有没有这样的原生功能。同时，这就是我使用的：

const tag = ([head, ...tail], ...args) => tail.reduce((a, b, i) => a + args[i] + b, head);

Answer 4

可以使用Array.prototype.flatMap()来完成一个简短的实现：

const defaultTag = (strs, ...vals) =>
  strs.flatMap((x, i) => [x, i < vals.length ? vals[i] : undefined]).join('');

const name = 'Some name';
const age = 32;

console.log(defaultTag`Hi my name is ${name}, and I'm ${age} years old!`);

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

4 个答案: