JavaScript 作用域链详细解析

news/2025/2/11 13:15:07/

JavaScript 作用域链(Scope Chain)是一种变量和函数查找机制,它决定了在某个执行环境中变量和函数的可访问性。当访问一个变量或函数时,JavaScript 引擎会首先在当前的执行环境中查找,如果找不到则会向上级执行环境中继续查找,直到找到该变量或函数,或者到达全局执行环境。

作用域链的构建是基于函数的嵌套关系的。当一个函数在定义时,它会创建一个新的作用域,并将该作用域链接到它的父级作用域。这样就形成了一条作用域链。当函数被调用时,会在当前执行环境中创建一个新的作用域,并将该作用域链接到父级作用域,从而构建起作用域链。

下面是一个简单的示例,说明作用域链的工作原理:

javascript">function outer() {var x = 10;function inner() {var y = 20;console.log(x + y);  // 输出 30}inner();
}outer();

在上面的示例中,outer 函数中定义了一个变量 x,然后又定义了一个内部函数 inner。在 inner 函数中,又定义了一个变量 y。当调用 outer 函数时,会在全局执行环境中创建一个新的作用域,然后在该作用域中定义了变量 x 和函数 inner。接着,调用 inner 函数时,会在 outer 函数的作用域中创建一个新的作用域,并将其链接到全局执行环境的作用域。这样就构建起了作用域链。

当在 inner 函数中访问变量 x 时,首先会在当前作用域中查找,找不到的话会向上级作用域中继续查找,最后找到了变量 x,并输出了它的值。这种查找过程就是沿着作用域链向上查找的过程。

需要注意的是,作用域链是在函数定义时确定的,而不是函数调用时。因此,无论如何调用函数,它的作用域链是不变的。

总结一下,JavaScript 作用域链是一种变量和函数查找的机制,它决定了变量和函数的可访问性。作用域链是基于函数的嵌套关系构建的,当一个函数被调用时,会在当前执行环境中创建一个新的作用域,并将其链接到父级作用域,从而构建起作用域链。


http://www.ppmy.cn/news/1427565.html

相关文章

Postman之全局变量与环境变量配置

实际开发中可能需要不停切换环境,接口中来回输入环境地址比较麻烦,故而通过定义变量来节约频繁更换测试地址所耗费的时间。Postman 允许定义自己的全局变量(Globals)与环境变量(Environment),最…

excel多sheet导出工具类——java

excel多sheet导出工具类 1、多个sheet导出工具类: import org.apache.commons.lang3.StringUtils; import org.apache.poi.hssf.usermodel.*; import org.apache.poi.hssf.util.HSSFColor; import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.user…

JS-43-Node.js02-安装Node.js和npm

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境,可以让JavaScript实现后端开发,所以,首先在本机安装Node.js环境。 一、安装Node.js 官网:下载 Node.js 默认两个版本的下载: 64位windows系统的LTS(Long Tim…

CCF-CSP真题《202312-3 树上搜索》思路+c++满分题解

想查看其他题的真题及题解的同学可以前往查看:CCF-CSP真题附题解大全 问题描述 试题编号:202312-3试题名称:树上搜索时间限制:1.0s内存限制:512.0MB问题描述: 题目背景 问题描述 输入格式 输出格式 样…

leetcode:438. 找到字符串中所有字母异位词

给定两个字符串 s 和 p,找到 s 中所有 p 的 异位词 的子串,返回这些子串的起始索引。不考虑答案输出的顺序。 异位词 指由相同字母重排列形成的字符串(包括相同的字符串)。 示例 1: 输入: s "cbaebabacd", p "…

Excel高效办公:人力资源管理(AI版)

AI人力资源管理一本通:147个“温馨提示”53个“教您一招”,掌握使用Excel高效完成人力资源管理工作的“心法”,助你早做完、不加班。 一本书掌握人力资源高效管理的“心法”! 案例丰富,参考性强:本书不是…

适配器模式【结构型模式C++】

1.概述 适配器模式是一种结构型设计模式, 又称为变压器模式、包装模式(Wrapper) 将一个类的接口变换成客户端所期待的另一种接口,从而使原本因接口不匹配而无法在一起工作的两个类能够在一起工作。 2.结构 Target:适配…

常用的数据结构及算法

一、数据结构 (一)线性结构:一对一。 1.可以使用数组、链表来表示。数组又分为静态数组和动态数组两种。链表常用的是单链表。 2.两种特殊的线性结构:队列和栈。其中队列是先进先出(排队),栈…