揭秘JavaScript全局代码执行与作用域提升机制

本文档主要探讨JavaScript中全局代码执行和作用域提升的概念。首先，它提出了一个常见的编程疑惑：为何未定义的变量在某些情况下会被输出undefined，而在其他情况下会抛出错误。这涉及到JavaScript的执行顺序和作用域规则。 在JavaScript中，执行过程分为两个阶段：代码解析和执行。解析阶段，浏览器引擎会创建一个全局对象（Global Object，简称GO），包含了如Date、Array等内置对象以及window属性，它指向自身。这个全局对象会在内存中预先存在，但变量并未被初始化，其值默认为undefined。 当你尝试访问一个尚未定义的变量时，如果没有进行过赋值，浏览器会直接返回undefined。例如，`console.log(num1)`在`var num1 = 20`之前调用，因为此时num1还未被赋值，所以输出为undefined。然而，如果变量名直接与已定义变量冲突，如`var num = 2`后面再尝试使用`num2`，由于`num2`并未定义，就会抛出`ReferenceError`，提示`num2 is not defined`。 当变量声明语句提前于引用时，即使变量未被赋值，浏览器引擎仍然会在解析阶段为这些变量创建空间，但并不会立即赋值。这种现象称为"hoisting"（提升），即变量声明被提升到了当前作用域的顶部。这意味着在JavaScript中，`var`声明的变量会立即可用，尽管其值为undefined，而`let`和`const`声明的块级作用域变量则不会被提升。 总结来说，理解全局代码执行和作用域提升的关键在于认识到变量声明和赋值的区别，以及JavaScript引擎如何处理变量声明的时机。通过这个概念，开发者可以避免在代码中出现意外的undefined行为，并正确管理作用域内的变量。对于希望深入理解JavaScript的开发者来说，掌握这些基本原理至关重要。