Handlebars 自定义 Helper 参数如何工作

Question

我试图了解Handlebars helpers 的论点是如何产生的。

我了解实际调用的函数，但不了解它们需要的参数是如何提供给它们的。

示例 1 - 内置 Helper：

Handlebars.registerHelper("if", function(conditional, options) {
  if (conditional) {
    return options.fn(this);
  } else {
    return options.inverse(this);
  }
});

通过调用

{{#if blockExists}}
   //blalba
{{/if}}

什么是conditional 和options，它们实际上是如何解析为函数的？

示例 2 - 自定义助手：

Handlebars.registerHelper('concat', (str1, str2, separator) => {
  return `${str1 || ''}${separator || ''}${str2 || ''}`;
});

这个 Helper 是怎么调用的？参数是如何解析的？由于返回值不是true 或false，如何使用？

感谢您的帮助。

Answer 1

文档：Helpers with Multiple Parameters

您的 hbs 文件：

{{concat "str1" "str2" "separetor"}}

第一个参数是助手的名字，其他的是参数

你的助手：

Handlebars.registerHelper('concat', (str1, str2, separator) => {
 return `${str1 || ''}${separator || ''}${str2 || ''}`;
});

{{表达式}}返回的值可以是一个字符串，你应该用return new Handlebars.SafeString(result);传递它