JavaScript引擎加载代码时，是否会编译嵌套的函数声明？

很棒的问题！这其实是理解JS作用域和提升机制的关键细节之一，我来给你拆解清楚：

JavaScript引擎的编译阶段绝对不是只处理全局作用域的函数声明——它会按照「作用域块」为单位，在执行代码前对每个作用域内的所有函数声明（包括嵌套的）进行提升处理，但提升的范围严格局限在该函数所在的父作用域内。

核心逻辑拆解 #

• 编译是按作用域层级进行的：当引擎进入一个函数作用域（比如外层函数）时，会优先编译这个作用域内的所有内容，包括其中嵌套的函数声明，把它们提升到当前作用域的顶部。
• 嵌套函数的提升仅在父作用域生效，不会“泄露”到更高层级的作用域（比如全局）。

举两个例子直观理解 #

例子1：嵌套函数在父作用域内被提升

function outer() {
  // 这里能正常访问inner函数，因为它已经被提升到outer作用域顶部
  console.log(inner); 
  function inner() {
    console.log('我是嵌套函数');
  }
}
outer(); // 输出：[Function: inner]

当outer被调用时，引擎先进入outer的作用域，完成编译：把inner函数声明提升到outer作用域的最开头，所以执行console.log(inner)时，能直接拿到inner函数本身，而不是undefined或报错。

例子2：嵌套函数不会提升到全局作用域

// 全局作用域下无法访问inner，因为它的提升仅局限在outer内部
console.log(inner); // 报错：ReferenceError: inner is not defined
function outer() {
  function inner() {}
}

这里inner是嵌套在outer里的函数，它的提升只发生在outer的作用域内，全局作用域根本感知不到它的存在，所以全局访问会直接报错。

总结一下 #

JS引擎在代码执行前的编译阶段，会遍历每一层作用域（全局、函数块等），对每个作用域内的函数声明（不管嵌套多少层，只要属于当前作用域）进行提升处理，将其放到当前作用域的最顶部。但提升的范围严格限制在该函数所在的作用域内，不会跨作用域“乱跑”。

内容的提问来源于stack exchange，提问作者Martin