箭头函数和内存泄漏[重复]

Question

someHugeArray.forEach(record => {
  const someValues = [...getAnotherHugeArray()]
  const sum = _.sumBy(someValues, 'total')

  record.getPrice = () => sum / record.quantity
})

someValues = null

或者javascript引擎足够聪明，不会在内存中保存函数的词法环境的值，而它不使用这个环境？

Answer 1

DR

• 根据ECMAScript，完整的词汇环境是绑定的
• 在实践中，如果可能的话，引擎会通过只绑定使用的变量来优化这一点
• 优化是不可能的，例如，当eval()
内部使用 时

我发现了一个很好的文章系列，其中对此进行了深入讨论：

null

验证：在浏览器控制台中执行以下操作：

(() => {
    //eval(); // <- uncomment this line for second test
    const thisIsUsed = 1;
    const isThisBound = 2;
    return () => {
        debugger;
        return ('result: ' + thisIsUsed);
    }
})()();

当调试器启动时，查看“范围”（Chrome）。您还可以将thisisused和isthisbound添加到“监视”列表中。

下面是使用Chrome（金丝雀，版本85.0.4154.0)的截图：