javascript - 分离一个 Javascript 函数以重用它，如何？

Question

我看到一些 javascript 并尝试实现分离的功能以重用它。

这是旧代码:

var ListRenderRenderWrapper = function(itemRenderResult, inCtx, tpl)
{
    var iStr = [];
    iStr.push('<li>');
    iStr.push(itemRenderResult);
    iStr.push('</li>');
    return iStr.join('');
}

我想做这样的事情:

function wrapItems(itemRenderResult, inCtx, tpl)
{
    var iStr = [];
    iStr.push('<li>');
    iStr.push(itemRenderResult);
    iStr.push('</li>');
    return iStr.join('');
}

var ListRenderRenderWrapper = wrapItems(itemRenderResult, inCtx, tpl);

这样可以吗，还是我需要换一种方式？

Answer 1

如果您只是想将该函数分配给一个新变量，以便您可以使用不同的名称调用它，只需执行以下操作:

var ListRenderRenderWrapper = wrapItems;

混淆可能来自于这样一个事实，即在 JavaScript 中，函数可以存储在变量中并在以后作为函数调用。

这意味着:

function thing() { /* code */ }

等同于:

var thing = function() { /* code */ }

(另外:我知道提升等方面存在细微差别，但就本示例而言，它们是相同的)。