【JavaScript】执行上下文与作用域、作用域链
创始人
2024-06-02 14:16:20
0

1. 什么是执行上下文?

执行上下文(简称上下文)在编程语言中是一个极为重要的概念。它是一个包含执行时所需信息的数据结构,包括全局执行上下文和函数执行上下文等。变量或函数的上下文决定了它们可以访问哪些数据,以及它们的行为。每个上下文的数据和函数都保存在一个与之关联的变量对象中,虽然无法直接通过代码访问变量对象,但是后台处理数据的时会用到它们。

2. JavaScript中的上下文

JavaScript中的解析器是由JavaScript解析器来创建和管理的。在JavaScript执行之前,解析器会对代码进行解析、解释和编译,生成可执行的代码。整个过程中,解析器会创建和管理上下文,包括全局执行上下文和函数执行上下文等。执行上下文是一个包含执行时所需信息的数据结构,包括变量对象、作用域链、this指针等。

在V8引擎中,执行上下文是由JavaScript引擎的内部组件——解释器和编译器共同创建的。具体来说,解释器负责解析和执行JavaScript代码,而编译器则负责将JavaScript代码转换成可执行的机器代码。在这个过程中,执行上下文被创建并与当前的函数调用相关联,包括变量、函数、参数和this指针、作用域链等信息。当函数执行完毕后,执行上下文将被销毁。

注:这里涉及浏览器引擎原理,不了解的可以参考一下我另一篇文章:V8引擎解析JavaScript代码原理

2. JavaScript中的全局上下文

全局上下文是最外层的上下文。根据ECMAScript实现的宿主环境不同,表示全局上下文的宿主环境可能不一样。

但在浏览器中,我们常说得全局上下文就是window对象,因此通过var定义的全局变量和函数都会成为window对象的属性和方法。使用let和const的顶级声明不会定义在全局上下文中,但是在作用域链解析上效果是一样的。

上下文在其所有代码都执行完毕后会被销毁,包括定义在它上面的所有函数和变量(全局上下文在应用程序退出前才会被销毁,比如关闭网页或退出浏览器。这里你有没有想到一个内存优化方案,尽量不要用var声明)。

每个函数调用都有自己的上下文。当代码执行流入函数时,函数的上下文会被推到一个上下文栈上(js的执行流是在栈空间进行的),在函数执行完毕之后,上下文栈会弹出该函数上下文,将控制权返回给之前的上下文,ECMAScript程序的执行流就是通过这个上下文栈进行控制的。

3. 作用域链

上下文中的代码在执行的时候,会创建上下文对象的一个作用域链。这个作用域链决定了各级上下文中代码在访问变量和函数时的顺序。

代码正在执行的上下文的变量对象始终位于作用域链的最前端(如:顶级对象Object),如果上下文是函数,则其活动对象用作变量对象。活动对象最初只有一个定义变量:arguments(全局上下文中没有这个变量)。作用域链中的下一个变量对象来之包含上下文,再下一个对象来自再下一个包含上下文。一次内推,直至全局上下文,全局上下文的变量对象始终是作用域链的最后一个变量对象。

代码执行时的标识符解析式通过作用域链逐级搜索标识符名称完成的。搜索过程始终从作用域链的最前端全局上下文变量对象逐级往下,直到找到标识符(若找不到通常会报错)。

示例一个作用域链:

var color = "blue";function changeColor(){let anotherColor = "red";function swapColors(){let tempColor = anotherColor;}
}

在这里插入图片描述

4. 作用域

上下文其实就是我们最熟悉的作用域。上下文之间的连接是线性的有序的。内部上下文可以通过作用域链访问外部上下文的一切,但外部作用域无法访问到内部作用域的任何东西。

每一个上下文都可以到上一级上下文中搜索变量和函数,但是任何上下文都不可以到下一级上下文中搜索(因为解析是自上而下的,下一级的变量没有解析过所以找不到)。局部作用域先从自己的变量对象开始搜索变量和函数,搜不到就去搜索上一级变量对象(若找不到通常会报错)。

注:函数参数通常会被认为是当前上下文中的变量,因此也跟其他变量遵循相同的访问规则。

5. 作用域链增强

所谓作用域链增强说就是通过一些语句在作用域链前端临时添加一个上下文,这个上下文会在执行后被删除,代码执行到以下任意一种情况都会出现这个现象:

  • try/catch中的catch块
  • with语句

这两个语句都会在作用域前端添加一个变量对象。对于with语句来说,会像作用域链前端添加指定对象;对于catch语句而言,会创建一个新的变量对象,这个变量对象会包含要抛出的错误对象的声明。

6. 标识符查找

当特定上下文中为读取或写入而引用一个标识符时,必须通过搜索确定这个标识符表示什么。搜索从作用域的最前端开始,以给定的名称搜索对应的标识符。如果在局部上下文中找到该标识符,则搜索停止,变量确定;如果没有找到变量名,则继续沿作用域链搜索(注意:作用域链中的对象也有一个原型链,因此搜索可能会涉及每个对象的原型链,至于原型链后续会出一篇文章来讲解)。这个过程持续到搜索之全局上下文的变量对象,如果仍未找到,则说明其未声明。

注意:标识符查找并非没有代价。访问局部变量比访问全局变量要快 ,因为不用切换作用域(所以开发中要尽量避免全局变量的声明)。

相关内容

热门资讯

汽车系统识别到安卓,智能驾驶新... 你知道吗?最近汽车界可是掀起了一股新潮流呢!那就是汽车系统识别到安卓,这可不是简单的兼容,而是深度融...
工程业务系统安卓版,助力项目管... 你知道吗?最近我在手机上发现了一个超级实用的工程业务系统安卓版,简直让我爱不释手!这款应用不仅功能强...
安卓手机不能升级系统,探寻无法... 最近是不是有很多小伙伴发现自己的安卓手机不能升级系统了?这可真是让人头疼啊!今天,就让我来给你详细解...
安卓系统大型枪战游戏,打造你的... 你有没有想过,在手机上也能体验一场惊心动魄的枪战呢?没错,就是那种让你心跳加速、肾上腺素飙升的大型枪...
安卓系统桌面返回按键,桌面返回... 你有没有发现,每次拿起手机,那个小小的安卓系统桌面返回按键就像一个忠诚的小助手,默默陪伴着我们穿梭在...
鸿蒙系统是换壳安卓,揭秘“换壳... 你知道吗?最近科技圈里有个大瓜,那就是鸿蒙系统竟然是换壳安卓!是不是觉得有点不可思议?别急,让我带你...
华为手机安卓系统流畅,引领科技... 你有没有发现,最近用华为手机的小伙伴们都在悄悄地炫耀他们的手机运行得超级流畅呢?这可不是随便说说哦,...
安卓系统短信无通知,无通知新体... 你是不是也遇到了这个问题?手机里的安卓系统短信竟然没有通知,这可真是让人头疼啊!别急,今天就来给你详...
安卓系统彩蛋怎么打开,开启隐藏... 你有没有发现,安卓系统里隐藏着许多有趣的彩蛋呢?这些彩蛋就像是一扇扇神秘的大门,等待着我们去探索。今...
安卓系统关闭压缩内存,安卓系统... 你知道吗?最近在安卓系统里,有一个小秘密引起了大家的热议。那就是关闭压缩内存的功能。听起来有点复杂,...
安卓系统上位机编写,基于安卓系... 你有没有想过,手机里的安卓系统其实是个大宝藏呢?它不仅能让你的生活变得丰富多彩,还能让你成为编程小达...
华为平板安卓7.1系统,探索性... 你有没有发现,最近华为平板的新款机型简直让人眼前一亮?没错,我要跟你聊聊的就是这款搭载了安卓7.1系...
鸿蒙系统安卓怎么升级,轻松实现... 你有没有发现,最近你的华为手机好像有点不一样了?没错,那就是鸿蒙系统升级的魅力!今天,就让我来带你一...
安卓引导系统的软件,架构、功能... 你有没有发现,每次打开安卓手机,那熟悉的引导系统就像一位热情的导游,带你一步步走进这个五彩斑斓的数字...
谷歌做的安卓系统,安卓系统的创... 亲爱的读者,你是否曾好奇过,那个几乎无处不在的安卓系统,究竟是由谁打造的呢?没错,就是那个改变世界的...
安卓系统总提示更新系统,体验流... 手机又闹腾了!安卓系统总提示更新系统,你是不是也和我一样,每次看到这个提示就有点头疼呢?别急,今天就...
aos是安卓系统么?,安卓系统... 你有没有想过,手机里的那个神秘的aos系统,它是不是安卓家族的一员呢?今天,就让我带你一探究竟,揭开...
诺基亚8刷安卓系统,解锁无限可... 你手中的诺基亚8是不是已经有点儿落伍了呢?别急,今天就来给你支个招,让你的老伙计焕发新生,变身安卓小...
安卓系统能不能,可以。 你有没有想过,安卓系统到底能不能?这个问题,就像是在问一个老朋友,他是不是真的懂你。安卓系统,这个陪...
安卓系统恢复误删视频,轻松找回... 手机里的视频突然不见了,是不是你也遇到了这样的尴尬情况?别急,今天就来教你如何用安卓系统恢复误删的视...