JS执行过程揭秘：从全局对象到变量提升
2023-09-21 04:53:05
JavaScript 执行之旅：从按下回车到代码执行
一、拉开帷幕：JS 执行过程的序幕
1. 初始化全局对象
当您按下回车键，一个 JavaScript 引擎拉开序幕，舞台上闪现出全局对象（GO）。GO 就像代码的中心舞台，包含所有角色（变量和方法）都可以访问的资源。
2. 预解析：为执行铺平道路
就像一场戏剧的排练，JavaScript 引擎会先对代码进行预解析。它会仔细检查代码，了解语法、变量、函数，为即将上演的精彩表演做好准备。
3. 创建执行上下文：为代码提供运行环境
现在，舞台已经布置妥当，是时候让演员登场了。JavaScript 引擎为每一段代码创建了一个执行上下文（EC）。EC 就好像一个后台区域，包含了演员们表演所需的一切，例如变量、作用域和 this 值。
二、代码执行：从变量提升到实际运行
1. 变量提升：先声明后赋值
在演员们闪亮登场之前，会进行变量提升。所有变量都会被提升到代码块的顶部，就像在彩排时先把道具准备好一样。然而，此时变量的值还处于待定状态，就像演员还没有背诵台词。
2. 代码执行：让代码活起来
终于，代码开始执行了，就像一场戏剧在观众面前徐徐展开。JavaScript 引擎逐行解析代码，将它们转换成计算机可以理解的指令。就像演员们根据导演的指示表演一样，代码按照引擎的指令运作。
3. 内存分配：为变量和值找家
随着代码的执行，演员们需要道具（内存空间）来保存台词（值）。JavaScript 引擎根据变量声明和赋值操作，在内存中分配空间，就像剧组为演员们准备服装和道具一样。
三、结语：JS 执行过程的终章
JavaScript 代码的执行过程就像一场完美的戏剧表演，包含了多个阶段，从序幕到终章，环环相扣，分毫不差。只有深入理解这些过程，才能真正领悟 JavaScript 的奥妙。
扩展阅读：
常见问题解答：
1. 什么是 JavaScript 执行上下文？
执行上下文是 JavaScript 引擎为执行代码创建的环境，包含了变量、作用域和 this 值。
2. 什么是变量提升？
变量提升是指所有变量声明都会被提升到代码块的顶部，但变量的值仍然保持未定义。
3. JavaScript 是如何执行代码的？
JavaScript 引擎逐行解析代码，并将它们转换为计算机可执行的指令。
4. JavaScript 如何分配内存？
JavaScript 引擎根据变量声明和赋值操作，在内存中分配空间来存储变量的值。
5. 什么是全局对象？
全局对象包含了所有作用域都可以访问的属性和方法。
代码示例：
var x; // 变量声明
x = 10; // 变量赋值
function myFunction() {
console.log(x); // 访问全局变量
}
myFunction(); // 调用函数
