Question

我正在为库编写一个模板实用程序，并试图以功能方式执行它（没有可变变量，理想情况下没有中间状态）。 这主要是一次学习练习，我知道有些图书馆已经开始这样做了。

给出字符串：

"Hello, {{name}}! What are you doing on {{day}}?"`

我已将模板标签与正则表达式相匹配，结合范围查找功能会将标记的匹配项返回为“＆＃39; range＆＃39;对象。

[
  { start: 7, end: 14 },
  { start: 39, end: 45 }
]

我想将整个字符串定义为范围，以便我可以将范围编译成函数列表。

[
  { start: 0, end: 6 }
  { start: 7, end: 14, tag: true },
  { start: 15: end: 38 }
  { start: 39, end: 45, tag: true },
  { start: 46, end: 46 }
]

标记它们不是问题，但找到其他范围是。显然可以使用for循环和一些计数器变量完成此任务，但是您将改变状态。 for，forEach和while是不可能的。

如果不改变状态，你会如何完成这项工作？是否有可能在一次通过中获得所有范围（而不是使用正则表达式然后第二次通过以找到反向范围）？

最终，我将得到一个看起来像这样的绑定函数列表：

[
  text('Hello, '),
  lookup('name'),
  text('! What are you doing on '),
  lookup('day'),
  text('?')
]

调用这些将导致一系列查找将返回字符串值，而文本函数只是绑定的标识函数，它们将返回它们的参数。

Answer 1

假设您的字符串格式正确（平衡的非嵌套{{和}}），您可以这样做：

s.split(/{{|}}/g).map(function (t, i) {
    return i % 2 ? lookup(t) : text(t);
});

令人惊讶的是，当您使用标记开始/结束字符串时，它会以文本（''）开始/结束数组。然而，这就是为什么它可以如此简单地完成。

Answer 2

由于你想要＆＃34;绑定函数列表＆＃34;，这是一种方法。

function lookup() {
  return this.toUpperCase();
}
function text() {
  return this.toString();
}

function parse(input) {
    return input.split(/(?=\{\{)|\}\}/g).map(function (part) {
        var isPlaceholder = part.slice(0, 2) === '{{',
            txt = isPlaceholder ? part.slice(2) : part;
        return (isPlaceholder ? lookup : text).bind(txt);
    });
}

function materialize(parts) {
    return parts.map(function(f) { return f(); }).join("");
}

materialize(parse("Hello, {{name}}! What are you doing on {{day}}?"));
// -> "Hello, NAME! What are you doing on DAY?"

Answer 3

是否可以一次性获得所有范围？

是 - 因为您可以将带有捕获组的正则表达式用于split输入字符串：

var tag = /(\{\{.+?\}\})/;
var parts = str.split(tag);

然后您可以直接map这些功能：

var res = parts.map(function(part) {
    return tag.test(part) ? lookup(part.slice(2, -2)) : text(part);
});

根本不需要范围： - ）

寻找逆范围的功能方式

3 个答案: