内部函数调用的函数提升[重复]

Question

请注意：^ 此问题与 let/const 问题不重复，因为这无关。无论是var、let 还是const，都会保留相同的问题，因为这与问题的意图无关。

---

非常感谢您对另一个函数中的函数提升进行一些澄清。这是我目前清楚明白的：

这不起作用，因为anotherFunc 在创建之前在文件中被调用，而const 在创建之前没有提升。

const someFunc = () => {
 console.log('someFunc called');
}
   
anotherFunc(); // anotherFunc is not defined error
   
const anotherFunc = () => {
 console.log('anotherFunc called');
}

这是可行的，因为anotherFunc 是一个函数声明，它们根据 JS 规则被提升到顶部：

anotherFunc(); // anotherFunc called

function anotherFunc() {
    console.log('anotherFunc called');
}

不起作用，因为它是一个函数表达式，并且由于它们被分配给var 变量，因此该变量将被提升到顶部并且最初是未定义的：

anotherFunc(); // anotherFunc is not a function at <anonymous>

var anotherFunc = function () {
    console.log('anotherFunc called');
}

那么有人可以向我解释为什么这样做（见下文）吗？这比在线解释的所有内容更深入。

如果一个函数稍后声明，但在它之前的另一个函数中被调用，为什么它会起作用？这跟JS执行顺序有关系吗？

const someFunc = () => {
    console.log('someFunc called');
    anotherFunc();
}
   
const anotherFunc = () => {
 console.log('anotherFunc called');
}

someFunc(); // 'someFunc called' 'anotherFunc called'

是不是因为someFunc和anotherFunc是JS先在内存中分配的，所以以后调用它们不管它们的顺序是什么？

最后，同一个场景（最后一个）中的 const/let/var 函数有区别吗？

非常感谢您的澄清！

Answer 1

JavaScript 的执行上下文有两个组件：

• 内存（可变环境）
• 代码（执行线程） - 同步和单线程意味着 JS 只能以一定的顺序（一个接一个）一个接一个地做事

所以这是有效的原因：

const someFunc = () => {
    console.log('someFunc called');
    anotherFunc();
}
   
const anotherFunc = () => {
 console.log('anotherFunc called');
}

someFunc(); // 'someFunc called' 'anotherFunc called'

...是因为 JS 首先在内存中将someFunc 和anotherFunc 分配给undefined（正如我在问题中所怀疑的那样）。函数声明也作为整个函数保存在这里。

这是内存分配阶段。 然后它运行代码执行阶段。

JS 逐行添加变量的值。

如果保存在内存中的键的值是一个函数，它会创建另一个内部执行上下文，并再次为该特定函数运行内存分配和代码执行阶段。

所以在我的情况下：

1. 创建执行上下文。
2. someFunc 和 anotherFunc 分配到内存为 undefined。
3. someFunc 被调用并创建一个新的内部执行上下文。
4. console.log 运行。
5. anotherFunc 被保存到 undefined 内存中的 someFunc 执行上下文中。代码执行运行并调用anotherFunc，并为该函数创建另一个执行上下文。由于它没有变量等，它只运行console.log。
6. anotherFunc 已完成，其执行上下文被删除。它将自己的权力交还给someFunc（当函数返回时也会发生这种情况）。
7. someFunc 已完成，它的执行上下文被删除。它将其权力交还给主 JS 执行上下文。（当函数返回时也会发生这种情况）。

这家伙解释的很清楚：https://youtu.be/iLWTnMzWtj4