Question

我创建了一个自定义手柄助手，当我没有为参数定义值时，我收到以下错误。

module.exports = function(src, color, classatr, options) {

    if (typeof src === 'undefined') src = '';
    if (typeof color === 'undefined') color = '';
    if (typeof classatr === 'undefined') classatr = '';

    var bg = '<table class="'+ classatr +'" cellpadding="0" cellspacing="0" border="0" width="100%">\
      <tr>\
        <td background="'+ src +'" bgcolor="'+ color +'" valign="top">\
          <!--[if gte mso 9]>\
          <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">\
            <v:fill type="tile" src="'+ src +'" color="#'+ color +'" />\
            <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">\
          <![endif]-->\
          <div>'
          + options.fn(this) +
          '</div>\
          <!--[if gte mso 9]>\
            </v:textbox>\
          </v:rect>\
          <![endif]-->\
        </td>\
      </tr>\
    </table>';

    return bg;
}

如果我这样定义所有三个参数，这是有效的：

{{#bg-img 'assets/img/hero-header.jpg' '000000' 'my-class'}}
    <container>
        <row>
            <columns>
            </columns>
        </row>
    </container>
{{/bg-img}}

如果我没有定义参数控制台显示＆＃34; Handlebars TypeError：无法读取属性＆＃39; fn＆＃39;未定义＆＃34;。

{{#bg-img }}
    <container>
        <row>
            <columns>
            </columns>
        </row>
    </container>
{{/bg-img}}

关于我在这里做错了什么的想法？

更新：同时检查＆＃34; null＆＃34;如下所示，但仍然是同样的错误。

if (typeof src === 'undefined' || src === null) src = '';
if (typeof color === 'undefined' || color === null) color = '';
if (typeof classatr === 'undefined' || classatr === null) classatr = '';

Answer 1

使用null您不想提供任何参数。所以，以下代码应该有效：

{{#bg-img null null null}}
    <container>
        <row>
            <columns>
            </columns>
        </row>
    </container>
{{/bg-img}}

Answer 2

您不应在函数签名中声明可选参数。 Handlebars将哈希对象放在传递给您的函数的提供的选项对象中。通过哈希对象，您可以访问所有提供的参数。请参阅Block Helpers Documentation中的“哈希参数”部分。

module.exports = function(options) {

var src = options.hash.src;
var color = options.hash.color;
var classatr = options.hash.classatr;
if (typeof src === 'undefined') src = '';
if (typeof color === 'undefined') color = '';
if (typeof classatr === 'undefined') classatr = '';
...

Answer 3

也许尝试用null检查属性，而不是未定义？

把手TypeError：无法读取属性＆＃39; fn＆＃39;未定义的

3 个答案: