递归函数调用如何在循环中工作？

Question

我有一个函数，其中有一个调用该函数的循环。

function displayItem(item, isChild)
{
    if (isChild)
    {
        writeOutput('<li>' & item.name & '</li>');
    }
    else
    {
        writeOutput('<li>' & item.name);
    }
    try
    {
        if (item.hasChild)
        {
            writeOutput('<ul>');
            numberOfItems = item.numChildren;
            for (x=1;x LT numberOfItems;x++)
            {
                displayItem(item.child[x], true);
            }
            writeOutput('</ul>');
        }
    }
    catch(Exception e){}
    writeOutput('</li>');
} 

执行该函数后，循环将从该执行中的 x 值继续，而不是从之前中断的位置继续。

例如：x 是 3。displayItem 传递“item.child[3]”和 true。它执行该函数，进入循环，执行循环直到 x = 4，然后退出循环。函数结束并（根据我的理解）返回到 x 应该为 3 的点。它不是从 3 中选取，加一（使其成为 4），然后再次执行循环，而是从 4 中选取（值来自“内部”递归地称为循环）。

我知道这听起来不连贯，但我想不出任何其他方式来解释它。

我是否做错了什么，或者这只是生活的事实，我必须解决这个问题？

更新： 仔细观察后，似乎最早的循环提前退出了。使用局部变量“x”解决了计数问题，但如果查看前面的示例，循环将在 4 处退出。它会在条件满足之前离开。有什么想法吗？

Answer 1

您忘记将 x 设置为该函数的本地函数。

不要使用全局变量。
像躲避瘟疫一样避开它们。

Answer 2

问题是这一行：

numberOfItems = item.numChildren;

从第二次调用返回时，该值不会更改回正确的值。 ，如果在函数自身调用时将numberOfItems设置为4，则在完成并返回到函数的原始实例之后，numberOfItems仍然是4。

因此 代码工作原理：

function displayItem(item, isChild)
{
    var x = 1;
    if (isChild)
    {
        writeOutput('<li>' & item.name & '</li>');
    }
    else
    {
        writeOutput('<li>' & item.name);
    }
    try
    {
        if (item.hasChild)
        {
            writeOutput('<ul>');
            for (x=1;x LT item.numChildren;x++)
            {
                displayItem(item.child[x], true);
            }
            writeOutput('</ul>');
        }
    }
    catch(Exception e){}
    writeOutput('</li>');
} 

Answer 3

试试这个

function displayItem(item, isChild)
{
   var x = 0;
   var numberOfItems = 0;

   if (isChild).......................
}