Javascript ES6：来自foreach循环的递归函数调用失败[重复]

Question

我是 JavaScript 新手。

class ExpansionPath {
    expandPipelineNodes()
    {
        this.expandPipelineNode(this._rootNodes);
    }
    expandPipelineNode(node)
    {
        let bPipeline = false
        _.each(node.children,function(child){
            bPipeline |= this.expandPipelineNode(child);
        })

        ...
    }
}

当我调用函数 expandPipelineNodes 时，它调用了 expandPipelineNode(node)，这很好。但是当它进入 foreach 循环时，程序就会崩溃。我已经调试了程序，它表明这在 forEach 循环中变得未定义。我还尝试了以下代码：

    node.children.forEach(function(child){
        bPipeline |= this.expandPipelineNode(child);
    })

但问题仍然存在。 如何在 javascript 中解决这个问题？

Answer 1

回调内部的范围与外部的范围不同。保留词法范围的简单方法是使用箭头函数：

_.each(node.children, (child) => {
    bPipeline |= this.expandPipelineNode(child);
})

你也可以使用Function.prototype.bind：

_.each(node.children, function (child) {
    bPipeline |= this.expandPipelineNode(child);
}.bind(this))`

但这更冗长。

还有其他几种方法可以让它发挥作用，但它们在 2018 年并不酷。