javascript - 如何获取模板中使用的所有变量的列表？

Question

我遇到过这样的情况:有许多模板使用不同的变量。 如何获取一个模板中所有变量名称的列表，以便我可以准确地传入模板渲染时所需的内容？

我知道我可以使用正则表达式，但它并不像看起来那么容易实现。变量名称的语法可能确实不同，我没有时间或资源来查找每种可能的情况。

Answer 1

考虑到以下最小测试用例，正则表达式仍然有效:

{{ name }}
{{ name.child }}
{{ name[child] }}
{{ name["child"] }}
{{ name_last["child"] }}
{{ name1["child"] }}
{{ function() }}
{% if variable %}

因此，如果您想将其解析为 pcre(即使问题被标记为 javascript 我的理解是您想要预先解析页面)，您:

• 查找开头 {{ 和结尾 }}，可以选择用空格填充:{{\s?\s?}}
• 查找上下文短语的“中心词”:([\w]+)
• 使用描述属性选择器的内容创建第二个非捕获组:((?:\..+)|(?:\[.+))?

剩下的就是: {{\s?([\w]+)((?:\..+)|(?:\[.+)?)\s?}} 其第一个捕获组 ($1) 将在测试示例中匹配 name、name_last 和 name1.

Live example .