理解javascript执行上下文前,需先了解javascript代码运行环境:浏览器和node.js。
JavaScript代码运行时,会先被浏览器或Node.js内置的JavaScript引擎(如Chrome的V8引擎、Firefox的SpiderMonkey引擎)处理。引擎将代码编译成机器码,再由计算机执行。 引擎采用解释和编译的结合方式,即即时(JIT)编译,提升效率和调试速度。
JIT编译的关键在于JavaScript的执行上下文。
JavaScript执行上下文
代码示例:
立即学习“Java免费学习笔记(深入)”;
<code class="javascript">var a = 1;
function one() {
console.log(a);
function two() {
console.log(b);
var b = 2;
function three(c) {
console.log(a + b + c);
}
three(4);
}
two();
}
one();</code>输出:
<code>1 undefined 7</code>
two()函数中,b变量在声明前被访问,结果是undefined,这正是由执行上下文决定的。
JavaScript有两种执行上下文:全局执行上下文和函数执行上下文。两者都包含创建阶段和执行阶段。
全局执行上下文
undefined,函数存储为引用。函数执行上下文
undefined,函数存储为引用。嵌套函数的执行上下文
嵌套函数调用时,每个函数都创建自己的函数执行上下文,依次经历创建和执行阶段。

执行堆栈
JavaScript使用执行堆栈管理执行上下文,全局上下文先入栈,函数上下文后入栈,按后进先出的顺序执行。
let和const的作用域
使用let或const声明的变量,在创建阶段不进入变量对象,只在执行阶段声明和赋值。 以下代码会报错:
<code class="javascript">function two() {
console.log(b);
const b = 2;
}
two();</code>结论
本文阐述了JavaScript引擎的工作机制以及执行上下文的创建和执行阶段,解释了undefined的出现原因,并说明了let和const与变量对象的关系。 深入理解执行上下文对于编写高效、可维护的JavaScript代码至关重要。
以上就是JavaScript 执行上下文 – JS 代码如何在幕后运行的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号