Question

我正在使用handlebars.js，我想用帮助器格式化一些数字。为了格式化数字，我找到了似乎符合我期望的accounting.js库。要格式化我可以使用的数字：

// Simple `format` string allows control of symbol position (%v = value, %s = symbol):
accounting.formatMoney(5318008, { symbol: "GBP",  format: "%v %s" }); // 5,318,008.00 GBP

这是我目前的助手：

Handlebars.registerHelper('amount', function(item) {
    if (item == null) {
        return "-"; 
    } else {    
        return accounting.formatMoney(item,{symbol: "EUR",  format: "%v %s"});                                       
    }
});

这有效，但使用起来有点严格，我希望能够将我的数字格式化为一个选项。那么我的新助手就是：

Handlebars.registerHelper('amount', function(item, options) {
    if (item == null) {
        return "-"; 
    } else {    
        return accounting.formatMoney(item,options);                                       
    }
});

问题在于它不起作用，因为我不知道如何将对象传递给工人。这是我在模板中的调用

{{amount programme.amountIssued {symbol: "EUR",  format: "%v %s"} }}

这给了我以下结果：

handlebars.js:1659 Uncaught Error: Parse error on line 87:
...gramme.amountIssued {symbol: "EUR",  for
-----------------------^
Expecting 'CLOSE_RAW_BLOCK', 'CLOSE', 'CLOSE_UNESCAPED', 'OPEN_SEXPR', 'CLOSE_SEXPR', 'ID', 'OPEN_BLOCK_PARAMS', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', 'SEP', got 'INVALID'

如果我使用引号括起来，引号内注释为\：

{{amount programme.amountIssued "{symbol: \"EUR\",  format: \"%v %s\"}" }}

执行此操作但结果不是预期的结果：

{symbol: "EUR", format: "4,000,000,000.00 %s"}%v

而不是4,000,000,000.00 EUR

Answer 1

您不能将参数传递给带有对象的JS函数。但是你可以将它们作为数组传递。这是通过.apply（docs）完成的。

包装易读性，包括每个选项的默认值：

Handlebars.registerHelper('amount', function (item, options) {
    if (item == null) return "-"; 

    return accounting.formatMoney.apply(accounting, [
        item,
        options.symbol || "",
        options.precision || 2,
        options.thousands || ".",
        options.decimal || ","
    ]);                                       
});

此函数应用于一个值数组（因此操作的名称），其中每个数组位置与函数所需的参数位置匹配。

如何将参数对象传递给函数？

1 个答案: