JavaScript ES6 : Recursive function call from foreach loop fails

Question

这个问题已经有答案了:

Accessing this in a forEach loop results in undefined (3 个回答)

How to access the correct `this` inside a callback (15 个回答)

已关闭 5 年前。

我是 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 年并不酷。