执行上下文分为全局、函数和eval三种，创建阶段确定this、词法环境和变量环境，作用域链由词法环境构成，逐层查找变量，闭包利用作用域链访问外部变量，let/const引入块级作用域和暂时性死区，共同决定变量访问与生命周期。

J*aScript 的执行上下文和作用域链是理解代码运行机制的核心基础。它们共同决定了变量的查找方式、函数的执行环境以及代码的可访问性。掌握这些概念，能帮助开发者更准确地预测代码行为，避免常见错误。

执行上下文：代码运行的环境

每当 J*aScript 执行一段代码时，都会创建一个执行上下文来管理当前的运行环境。执行上下文分为三种类型：

• 全局执行上下文：代码首次运行时创建，只有一个。全局对象（浏览器中是 window）和全局变量都在这里。
• 函数执行上下文：每次调用函数时创建，每个函数调用都有独立的上下文。
• eval 执行上下文：在 eval 函数中运行代码时创建，通常不推荐使用。

执行上下文的创建分为两个阶段：创建阶段和执行阶段。

在创建阶段，会做三件事：

• 确定 this 的值（this binding）
• 创建词法环境（Lexical Environment），用于存储变量和函数声明
• 创建变量环境（Variable Environment），主要用于 var 声明的提升处理

例如：

console.log(a); // undefined（存在但未赋值）
var a = 10;
function foo() {
  console.log(b); // undefined
  var b = 20;
}
foo();

之所以能“提前”访问变量，是因为在创建阶段，var 声明被提升到了当前上下文中，只是尚未赋值。

作用域链：变量查找的路径

作用域链是执行上下文中的一个内部机制，它决定了变量和函数的访问权限。它本质上是一个由词法环境组成的链式结构，用于逐层向上查找标识符。

J*aScript 采用词法作用域（静态作用域），也就是说，函数的作用域在定义时就确定了，而不是调用时。

看一个例子：

var x = 10;
function outer() {
  var y = 20;
  function inner() {
    var z = 30;
    console.log(x + y + z); // 60
  }
  inner();
}
outer();

在 inner 函数中，虽然它没有定义 x 和 y，但它可以访问它们。这是因为 inner 的作用域链包含了自身的词法环境，然后是 outer 的词法环境，最后是全局环境。

作用域链的形成依赖于函数的嵌套关系，每层函数都能“记住”它的外层变量。

Avatar AI

AI成像模型，可以从你的照片中生成逼真的4K头像

92 查看详情

闭包与作用域链的关系

闭包是指函数能够访问其外部函数作用域中的变量，即使外部函数已经执行完毕。这正是作用域链的体现。

例如：

function counter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}
const inc = counter();
console.log(inc()); // 1
console.log(inc()); // 2

尽管 counter 函数已经返回，但返回的函数依然可以通过作用域链访问到 count 变量。这个引用链就是闭包的核心。

闭包让数据得以私有化，但也可能导致内存泄漏，如果不再需要却仍被引用，垃圾回收机制无法释放。

块级作用域与 let/const 的影响

ES6 引入了 let 和 const，带来了块级作用域的概念。与 var 不同，let 和 const 声明不会被提升到整个函数作用域顶部，而是受限于最近的 {} 块。

例如：

if (true) {
  let blockVar = 'I am block-scoped';
}
console.log(blockVar); // 报错：blockVar is not defined

这是因为 let 声明的变量只存在于该块的作用域内，不会进入变量提升的“全局可见”状态。

在执行上下文中，let 和 const 虽然也会被收集，但处于“暂时性死区”（Temporal Dead Zone），直到声明语句执行前都不能访问。

基本上就这些。执行上下文构建了运行环境，作用域链决定了变量如何查找，而闭包和块级作用域则是它们的实际体现。理解它们之间的协作关系，能让代码更可控、更高效。不复杂但容易忽略。

以上就是深入J*aScript_执行上下文与作用域链的详细内容，更多请关注其它相关文章！

# 这是因为  # 深圳关于网站优化的公司  # 网站建设系统门窗图片  # seo月总结  # 任城全网营销推广  # 长清万德镇网站建设  # 更合网站优化规划  # 品牌营销推广地址  # 佛山网站建设哪个  # 蓝天网站建设  # 培训seo哪个好  # 是因为  # 都有  # 是一个  # 执行上下文  # 决定了  # 链式  # 全局变量  # 三种  # 计时器  # 运行环境  # 作用域  # win  # 浏览器  # java  # es6  # javascript 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 零跑汽车11月交付量达70327台 实现连续9个月正增长  PrimeNG Sidebar背景色自定义指南：CSS覆盖与主题化实践  将HTML Canvas内容转换为可上传的图像文件（File对象）  Gmail邮箱申请注册直达_Gmail邮箱免费注册PC版官网入口2025  QQ邮箱在线登录平台 QQ邮箱个人邮箱网页版入口  C++如何实现异步操作_C++11使用std::future和std::async进行异步编程  魅族17怎样用浏览器译外语网页_iPhone魅族17浏览器译外语网页【即时翻译】  怎样更改Windows系统的默认安装路径_避免C盘爆满的终极设置【技巧】  没有大陆身份证/银行卡如何实名微信？ 亲测有效的几种方法分享  外媒分析《GTA6》定价：卖100美元可以但真没必要！  HuggingFaceEmbeddings中向量嵌入维度调整的限制与理解  C++如何打印当前代码行号与文件名_C++预定义宏FILE与LINE的使用  css绝对定位元素脱离父容器怎么办_确保父元素position非static  怎样使用“本地安全策略”提升Windows安全性_Secpol.msc配置指南【高手】  MongoDB Aggregation：在嵌套对象数组中精确匹配ObjectId  Go语言中高效处理x-www-form-urlencoded表单数据  怎么在html里运行vbs脚本_html中运行vbs脚本方法【教程】  铁路12306的积分有效期是多久_铁路12306积分有效期说明  邮政快递包裹最新位置 邮政快递实时追踪入口  Golang如何使用new_Go new分配内存机制讲解  树莓派传感器触发：通过Twilio API发送WhatsApp消息教程  内存检查：在VS Code中调试C++时的内存视图  蛙漫漫画官网在线入口 蛙漫全本漫画免费阅读平台  冬*霸灯泡不亮怎么办_浴霸取暖灯一盏不亮的灯座清洁修复法  在J*a项目里如何构建对象之间的契约_接口约束的实际落地  J*aScript中正确使用querySelectorAll与复杂CSS选择器  漫蛙漫画网页端入口 漫蛙2官方正版漫画站点  html5 app怎么运行环境_配html5 app运行环境【教程】  使用Pandas转换并合并DataFrame：多列映射至统一结构  漫蛙2漫画入口 漫蛙正版网页漫画直达网址  Composer的 "check-platform-reqs" 命令有什么用_在部署前检查生产环境是否满足Composer依赖需求  Lar*el表单中优雅地处理“返回”按钮以规避验证：最佳实践指南  微信聊天记录怎么加密_微信聊天记录加密方法  如何有效阻止外部脚本意外修改内联样式的高度属性  怎样在Excel中做仪表盘_Excel仪表盘设计与关键指标展示方法  12306选座怎么选到商务座_12306商务座选择与配置说明  Composer的 "conflict" 字段有什么用_如何声明不兼容的包以避免依赖冲突  浏览器打开即用 美图秀秀网页版入口  Win11截图该按哪些键 Win11截屏完整流程解析【教程】  EMS快递官网app_中国邮政速递物流手机客户端  c++中为什么推荐使用using替代typedef_c++现代化类型别名  汽车之家官方网站官网入口_汽车之家网页版直接进入  不同用户不同价格！ 索尼开启账户个性化定价测试  J*aScript异步迭代器_j*ascript异步遍历  CSS Box Model与弹性按钮：维持布局稳定的动画实践  Python大型XML文件高效流式解析教程  Win10系统服务哪些可以禁用 Win10安全优化服务列表【干货】  虚幻5科幻题材ARPG大作遭取消！本是《奇异人生》厂商新作  uc手机浏览器网页版入口 uc浏览器手机版便捷登录首页  QQ邮箱官方网站登录入口_QQ邮箱网页版在线使用