执行上下文和作用域链决定JavaScript变量访问与函数行为。1. 执行上下文分全局、函数、eval三种，采用调用栈管理，每调用函数就创建新上下文并压栈。2. 每个上下文经历创建与执行两阶段，创建时设置变量对象、作用域链和this。3. 作用域链由定义位置确定，用于逐层查找变量，体现词法作用域特性。4. 变量和函数声明会提升至作用域顶部，但赋值不提升，函数提升优先于变量。5. 闭包通过保留外层作用域引用实现内部变量持久化，如counter函数持续访问count。掌握这些机制有助于理解this、提升、闭包等问题。
JavaScript的执行上下文和作用域链是理解代码运行机制的核心。它们决定了变量的可访问性以及函数在何时、何地被调用时的行为。掌握这两个概念，有助于排查闭包、变量提升、this指向等常见问题。
执行上下文：代码执行的环境
每当JavaScript引擎开始执行一段代码时，都会创建一个执行上下文，它代表当前代码的运行环境。执行上下文分为三种类型：
全局执行上下文：代码首次运行时创建，只有一个，所有不在函数内部的代码都在这个环境中执行。 函数执行上下文：每次调用一个函数时，都会为该函数创建一个新的执行上下文。 eval执行上下文：eval函数内部的代码也会有自己的执行上下文（通常不推荐使用）。
执行上下文的创建过程分为两个阶段：
创建阶段：设置变量对象（VO）、建立作用域链、确定this的指向。 执行阶段：变量赋值、函数调用、代码逐行执行。
值得注意的是，JavaScript采用栈结构管理执行上下文，称为调用栈。当函数被调用时，新的上下文被压入栈顶；函数执行完毕后，从栈中弹出。
立即学习“Java免费学习笔记（深入）”；
作用域链：变量查找的路径
作用域链是在执行上下文创建阶段构建的，用于决定变量和函数的访问权限。它本质上是一个由多个变量对象组成的列表，JavaScript引擎会沿着这条链从内向外查找变量。
例如：
function outer() {
var a = 1;
function inner() {
console.log(a); // 可以访问外层的a
}
inner();
}
outer();
在这个例子中，inner函数的作用域链包含了自身的变量对象和outer函数的变量对象。当访问变量a时，JavaScript先在inner的VO中查找，未找到则沿作用域链向上，在outer的VO中找到a。
作用域链的形成依赖于函数的定义位置，而不是调用位置，这是JavaScript词法作用域（静态作用域）的体现。
变量提升与作用域的关系
在创建执行上下文时，变量和函数声明会被“提升”到当前作用域的顶部。但要注意，只有声明被提升，赋值不会。
console.log(x); // undefined
var x = 5;
这相当于：
var x;
console.log(x);
x = 5;
而函数声明的提升优先级高于变量声明：
foo(); // 输出 “I am function”
function foo() { console.log(“I am function”); }
var foo = 1;
因为在创建阶段，函数声明已经完整提升，覆盖了后续的变量声明。
闭包中的作用域链示例
闭包是作用域链的一个典型应用。函数即使在其外部作用域执行，依然能访问其定义时所在的作用域。
function outer() {
var count = 0;
return function() {
count++;
console.log(count);
};
}
var counter = outer();
counter(); // 1
counter(); // 2
这里，返回的匿名函数保留了对outer作用域中count变量的引用，形成了闭包。每次调用counter，都是在原有的作用域链基础上执行，因此count得以持久保存。
基本上就这些。理解执行上下文和作用域链，关键在于把握代码执行的生命周期和变量查找机制。不复杂但容易忽略细节。
以上就是深入理解JavaScript执行上下文与作用域链_javascript技巧的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1534062.html
微信扫一扫 
支付宝扫一扫 
