Javascript:如何通过异步递归树遍历控制流？

我需要在树上递归，以使用异步操作在特定节点上执行操作。如何控制流，以便在完成后可以访问节点？

这是一个示例情况:

data = {
  name: "deven",
  children: [
    { name: "andrew" },
    { name: "donovan" },
    { name: "james",
      children: [
        { name: "donatello" },
        { name: "dan" }
      ]
    },
    { name: "jimmy",
      children: [
        { name: "mike" },
        { name: "dank" }
      ]
    }
  ]
};

我有一个函数，目标是遍历树并大写以'd'开头的所有名称。之后，我想将树传递给另一个函数以做更多的工作(可能删除所有以“a”开头的名称的节点)，但仅在完成初始处理之后:

function capitalize_d(node) {
    if(node.name === "d") {
        node.name = node.name.toUpperCase();
    }

    if(node.children != null) {
        for(var i = 0; i < node.children.length; i++) {
            capitalize_d(node.children[i]);
        }
    }
}

function remove_a(node) {
}

capitalize_d(data);

// Should only get called after all the d's have been capitalized.
remove_a(data);

上面的代码可以正常工作，因为capitalize_d被阻止了。如果capitalize_d异步递归，我们如何保证remove_a完成后被调用？注意setTimeout中的capitalize_d调用。

function capitalize_d(node) {
    setTimeout(function() {

        if(node.name === "d") {
            node.name = node.name.toUpperCase();
        }

        if(node.children != null) {
            for(var i = 0; i < node.children.length; i++) {
                capitalize_d(node.children[i]);
            }
        }

    }, 1);
}

function remove_a(node) {
}

capitalize_d(data);

// Should only get called after all the d's have been capitalized.
remove_a(data);

问题在于，我们要同时处理所有不同的树分支，并且无法确定何时完成了对树的处理。

我该如何解决？

最佳答案

让我总结一下我对您的要求的理解:

您有一个数据树，其中的每个单个节点都可以通过一组操作(在您的示例中为capitalize_d和remove_a)进行异步更改，

您想确保在允许下一个节点之前，每个节点都已经历了给定的操作。

我已经花了10年甚至更多的时间设计实时嵌入式软件，并且相信我，这方面的要求比大多数网络程序员一生中遇到的任何要求都更为苛刻和苛刻。这使我警告您，您似乎在这里已经走了严重的错误路。

可以想象，您的问题是要以某种有意义的结构来组织一组单独的数据。某些过程会收集随机的信息位(在示例中称为“节点”)，并且在某些时候，您希望将所有这些节点放入一致的整体式数据结构(示例中为分层树)。

换句话说，您手头有三个任务:

一个数据获取过程，它将异步收集节点

一个数据生产过程，它将呈现一致的，精炼的数据树

一个 Controller 进程，它将同步数据获取和生产(如果以上两个进程足够聪明，但不要指望太多，则可以直接访问用户界面)。

我的建议:不要尝试同时进行的采集和生产。

只是为了让您了解即将前往的噩梦:

取决于操作的触发方式，有可能树永远不会被给定的操作完全处理。假设控制软件忘记了在几个节点上调用capitalize_d，remove_a将永远不会开绿灯

相反，

，如果您随机向树开火，则很有可能某些节点将被多次处理，除非您跟踪操作范围以防止将相同的转换两次应用于给定节点

如果您希望开始remove_a处理，则可能必须阻止控制软件发送更多的capitalize_d请求，否则指示灯可能会永远保持红色。您最终将以一种或另一种方式对请求进行流控制(或更糟糕的是，您将不做任何事情，并且如果操作流偏离您碰巧碰到的最佳位置，您的系统很可能会死机。 )。

如果操作改变了树的结构(显然像remove_a那样)，则必须防止并发访问。至少，您应该从正在处理的remove_a节点开始锁定子树，否则您将允许处理可能被异步更改和/或破坏的子树。

好吧，这是可行的。我见过精打细算的年轻人，他们在做这个主题的事情上赚了大钱。他们通常每个礼拜也要花几个晚上在电脑前吃披萨，但是，嘿，那是你可以告诉吃乳蛋的人群中煮熟的黑客的方法，对吗？

我假设您在此处发布此问题意味着您实际上并不想这样做。现在，如果您的老板确实很好地引用了一个著名的Android设备，那么我不会对您的机会撒谎，但是...您是我的同情。

现在认真的人..这就是我解决问题的方式。

1)在给定的时间点对数据进行快照

您可以使用尽可能多的条件清除原始数据(最后一次数据采集太旧，输入错误，以及允许您构建尽可能最小的树的任何方法)。

2)使用快照构建树，然后在此给定快照上依次应用任何capitalize_d，remove_a和camelize_z操作。

同时，数据采集过程将继续收集新节点或更新现有节点，以准备下一个快照。

此外，您可以将一些处理向前推进。显然capitalize_d没有利用树结构的任何优势，因此您甚至可以在构建树之前将capitalize_d应用于快照中的每个节点。您甚至可以更早地应用某些转换，即对每个收集的样本进行转换。
这样可以节省大量的处理时间和代码复杂度。

最后以一些理论上的胡言乱语结束，

您的方法是将数据树视为一个共享对象，该共享对象应支持来自数据获取和数据生产过程的并发访问，

我的方法是使数据获取过程(异步地)将一致的数据集提供给数据产生过程，然后该数据产生过程可以顺序地处理所述数据集。

数据生产过程可以按需触发(例如，当最终用户单击“显示给我看”按钮时)，在这种情况下， react 性将很差:用户将被困在观看沙漏或任何Web2.0性感旋转拨动树木所需的时间(例如7到8秒钟)。

或，您可以定期激活数据生成过程(每10秒向其提供一个新快照，该时间段要安全地超过数据集的平均处理时间)。然后，“显示一些内容”按钮将仅显示最后一组完成的数据。立即回答，但数据可能比最后收到的样本早10秒。

我很少看到这种情况不被接受的情况，特别是当您生成一堆复杂的数据时，运算符(operator)需要几十秒钟来进行消化。

从理论上讲，我的方法会失去一些 react 性，因为处理的数据会有些过时，但是并发访问方法可能会导致软件速度更慢(并且肯定会比软件大5到10倍)。

关于Javascript:如何通过异步递归树遍历控制流？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15685588/