📜  JavaScript 代码执行(1)

📅  最后修改于: 2023-12-03 15:01:41.389000             🧑  作者: Mango

JavaScript 代码执行

JavaScript是一种广泛使用的编程语言,通常用于Web开发。JavaScript代码执行是指在运行JavaScript程序时,计算机自动解释并执行编写的JavaScript代码。

JavaScript代码执行的性质

JavaScript代码执行是动态的,即在解释器执行代码时基于运行时环境实现的。JavaScript代码也是解释型的语言,这意味着它不需要编译成可执行代码,而是在运行时直接解释执行。

JavaScript执行上下文

在执行JavaScript代码时,执行上下文(Context)就是JavaScript代码被执行的环境。每次执行JavaScript代码时,都会创建一个新的执行上下文,并将其推入执行堆栈中。

JavaScript执行上下文包含3种类型:全局执行上下文、函数执行上下文和eval执行上下文。最外层代码会被解释器包装在一个全局执行上下文中,而每个函数都会被包装在一个函数执行上下文中。

JavaScript执行过程
  1. 创建全局执行上下文:在JavaScript程序执行之前,JavaScript引擎首先会创建一个全局执行上下文。
  2. 解释和执行代码:JavaScript引擎开始解释和执行代码,从全局执行上下文开始,创建执行栈并按照代码在程序中出现的顺序执行。
  3. 创建函数执行上下文:每当执行函数时,JavaScript引擎会创建一个新的函数执行上下文,并将其推入执行堆栈中。
  4. 执行代码块:一旦执行上下文被创建并推入执行栈中,JavaScript引擎就开始执行代码块,包括初始化变量、函数声明和执行代码。
  5. 函数返回:当函数返回时,它的执行上下文从堆栈中弹出,并将执行权转移到调用函数的上下文中。
  6. 代码执行完成:一旦所有代码都执行完成并且堆栈被清空,程序执行结束。
JavaScript代码示例

以下是一个简单的JavaScript程序代码示例:

function add(a, b) {
  return a + b;
}

var sum = add(1, 2);

console.log(sum);

此代码将输出 3。

结论

在JavaScript程序执行时,它会创建执行上下文并将其推入执行堆栈中。JavaScript代码执行是动态和解释型的,它不需要编译。每个函数都会被包装在一个函数执行上下文中。一旦执行上下文被创建,代码块就会被执行。当函数返回时,其执行上下文从堆栈中弹出,并将执行权转移回调用函数的上下文中。