嵌套箭头函数的Javascript内存含义

Question

考虑：

function f1() {
  function n11() { .. lots of code .. };
  const n12 = () => { .. lots of code .. };
  return n11()+n12()+5;
}

const f2 = () => {
  function n21() { .. lots of code .. };
  const n22 = () => { .. lots of code .. };
  return n21()+n22()+5;
}

我试图理解调用f1和f2的内存含义。

关于n11， 这个答案说：

对于一些非常小且通常无关紧要的“浪费”的价值。 JavaScript引擎现在效率很高，可以执行各种技巧/优化。 例如，只有函数对象（但不是实际的函数代码！）需要在内部“复制”。 没有显示其他情况的实际测试用例，没有“浪费”问题。 这个成语（嵌套和匿名函数）在JavaScript中很常见，并且非常优化。

但是我想知道这是否也适用于箭头函数（即n12，n21和n22）..开销只是如上所述的函数对象，还是每次调用f1 / f2时都会复制整个嵌套函数代码？

谢谢！

Answer 1

对于在同一函数的不同闭包之间共享代码而言，一个实现在箭头函数上需要做的事情与传统函数不同。 箭头函数和传统函数之间的唯一区别是箭头函数保存this值。 这可以使用与已为Function.prototype.bind()方法提供的机制相同的机制来完成。 箭头函数大多只是语法糖。

func = () => { body };

大致相当于：

func = function() { body }.bind(this);

（这是一个轻微的简化，因为箭头函数也没有获得arguments对象，但这不应该影响你所要求的。）