执行上下文是J*aScript代码运行的基础环境，分为全局、函数和eval三种类型；创建时经历创建和执行两阶段，涉及this绑定、词法环境与变量环境构建；函数调用时生成新上下文并入栈，形成调用栈，全局上下文在栈底，函数执行完后出栈，该机制支撑变量提升、作用域链与闭包等核心特性。

J*aScript 在执行代码时会创建执行上下文，用来管理代码的运行环境。每当函数被调用、全局代码开始执行或 eval 执行时，都会生成一个新的执行上下文。

执行上下文的类型

J*aScript 中有三种执行上下文：

• 全局执行上下文：默认的上下文，代码一启动就创建，只有一个。
• 函数执行上下文：每次调用函数时创建，可以有多个。
• eval 执行上下文：在 eval 函数中运行代码时创建，通常不推荐使用。

执行上下文的创建过程

执行上下文的创建分为两个阶段：**创建阶段**和**执行阶段**。我们重点关注创建阶段，它由 J*aScript 引擎自动完成。

创建阶段主要包括以下三步：

• 确定 this 的值（This Binding）：
  • 全局上下文中，this 指向全局对象（浏览器中是 window）。
  • 函数上下文中，this 取决于函数的调用方式（如普通调用、作为方法、call/apply/bind 等）。
• 创建词法环境（Lexical Environment）：
  • 用于存储函数声明、变量（let/const）、参数等。
  • 包含一个环境记录（Environment Record），记录当前作用域内的绑定关系。
  • 还包含对外部环境的引用（outer environment reference），实现作用域链。
• 创建变量环境（Variable Environment）：
  • 也是一个词法环境，在 ES6 中主要用于处理 var 声明的变量。
  • var 声明会被提升（hoisted），初始化为 undefined。

一个简单的例子说明执行上下文的创建

看下面这段代码：

拍拍客 免费易推广api系统

这是一套由淘掌门(taozhangmen.net)衍生出来的一个拍拍客系统！这套程序也继承了淘掌门的特点：永久免费开源！无任何时间限制、功能限制、域名限制。 程序相对于淘掌门原型，已去除返利、会员系统、文章系统等。 如果需要文章，可单独下载其他的文章系统，做子目录，效果可能会更好。 程序安装过程与淘掌门相同： 下载上传到空间，执行 你的网址/install.php 安装完成后，登陆后台修改拍拍AP

0 查看详情 function foo(x) {
  var a = 1;
  let b = 2;
  function bar() {}
}
foo(10);

当 foo(10) 被调用时，J*aScript 引擎会：

• 创建一个新的函数执行上下文并推入调用栈。
• 在创建阶段：
  • 设置 this 值（取决于调用方式，这里可能是 window 或 undefined）。
  • 参数 x 被初始化为 10。
  • var 变量 a 被提升并初始化为 undefined，然后在执行阶段赋值为 1。
  • let 变量 b 在词法环境中被创建，但处于“暂时性死区”，直到执行到声明语句。
  • 函数声明 bar 被完整地提升到词法环境中。
• 进入执行阶段，逐行执行代码，完成变量赋值等操作。

执行上下文栈（调用栈）

J*aScript 是单线程的，同一时间只能执行一个函数。所有执行上下文被组织在一个栈结构中：

• 全局上下文始终在栈底。
• 每调用一个函数，其执行上下文被压入栈顶。
• 函数执行完毕后，上下文从栈中弹出。

基本上就这些。执行上下文是理解变量提升、作用域、闭包等核心概念的基础。虽然开发者不直接“创建”执行上下文，但了解它的机制有助于写出更可靠的代码。

以上就是js如何创建执行上下文的详细内容，更多请关注其它相关文章！

# es6  # javascript  # 一个函数  # 海安专业seo服务好  # 优化网站皆选大将军20  # 贵阳网站优化方案  # 其他的  # 中有  # 多个  # 运行环境  # 这是  # 如何处理  # 三种  # java  # js  # 浏览器  # app  # 栈  # win  # 作用域  # 如何实现  # 绑定  # 巢湖环氧地坪网站建设  # 合肥网站建设弘远科技好  # 企业网站推广陷阱有哪些  # 网站模板有利于优化  # 塘沽网站建设银行  # 本溪市场推广营销招聘  # 宁安网站推广排名 

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

相关推荐： PPT平滑切换怎么做 PPT炫酷“平滑”切换动画制作教程【必学】  Golang如何实现微服务鉴权与权限控制_Golang微服务鉴权与权限管理实践  高德地图总提示网络异常怎么办 高德地图离线导航设置与网络排查方法  Golang如何使用bytes.Split分割字节切片_Golang bytes切片分割方法  C++如何操作大型数据集_使用C++流式处理(Streaming)技术避免一次性加载大文件  抖音商城签到领现金是真的吗_抖音商城签到奖励与提现说明  Composer中的^和~符号代表什么_精通Composer版本号语义化约束  学习通网页版快速入口 学习通官网网页版直接打开  使用Pandas转换并合并DataFrame：多列映射至统一结构  在VS Code中配置和运行Dart程序的完整步骤  豆包手机助手发布技术预览版：直接嵌入手机系统！努比亚样机发售  uc手机浏览器网页版入口 uc浏览器手机版便捷登录首页  深入理解J*aScript Promise异步执行与微任务队列  离线运行Go语言之旅：本地部署与GOPATH配置指南  Python字典中优雅地迭代剩余元素的方法  MAC如何安全彻底地删除文件_MAC使用终端命令确保文件无法被恢复  蛙漫2台版漫画地址 Manwa2正版网页版链接  1688商家版怎样分析买家画像精准供货_1688商家版分析买家画像精准供货【供货策略】  Django AJAX 文件上传教程：解决图片无法保存到模型的常见问题  sublime怎么覆盖插件的默认快捷键_sublime快捷键优先级与设置  Win11 BitLocker密码忘了怎么办 Win11找回BitLocker恢复密钥方法【解决】  WordPress插件开发：正确注册卸载钩子与避免常见陷阱  小米汽车11月交付量突破40000台！雷军：将继续努力  抖音隐秘迷城小游戏入口_ 抖音冒险解谜小游戏秒玩  在FastAPI中利用lifespan与依赖注入高效管理Redis连接池  msn官网入口地址手机版 msn官方网站手机最新链接  Python异步编程实践：使用Binance API构建实时交易数据流  优化HTML表单样式：解决输入框焦点跳动与元素间距问题  为什么我的微信朋友圈看不到别人的更新_微信朋友圈更新显示异常解决方法  照顾宝贝2小游戏免费秒玩入口  Go RPC HTTP服务正确实现与常见陷阱解析  css元素hover动画延迟生效怎么办_使用animation-delay调整触发时间  fishbowl官网免费版 fishbowl养鱼网站入口  微信群消息显示延迟如何解决 微信群消息刷新优化方法  Excel如何用迷你图显趋势_Excel用迷你图显趋势【趋势小图】  composer的"require-dev"部分是用来做什么的？  魅族17怎样用浏览器译外语网页_iPhone魅族17浏览器译外语网页【即时翻译】  EMS快递官网app_中国邮政速递物流手机客户端  CSS布局：解决全屏元素100%尺寸与外边距导致的页面溢出问题  使用Python高效删除Word宏并转换DOCM为DOCX格式  不会效仿卡普空！《铁拳》制作人澄清：不采取赛事付费|直播|  C++指针和引用有什么区别_C++内存管理核心概念深度解析  Lar*el表单中优雅地处理“返回”按钮以规避验证：最佳实践指南  漫蛙漫画官方主页入口 漫蛙MANWA网页直达访问链接  win11怎么查看应用耗电情况 Win11电池设置查看应用能耗排行榜【优化】  海棠电脑版入口_通过电脑访问海棠官网阅读  C++如何检测键盘输入_C++ _kbhit与_getch函数非阻塞输入  漫蛙2漫画入口 漫蛙正版网页漫画直达网址  J*aScript打印功能_j*ascript输出控制  Yandex搜索引擎官方地址 俄罗斯网络世界的主要入口