JavaScript之作用域链详解

在JavaScript中,作用域链是一个重要的概念,它决定了变量和函数的可访问性。作用域链是由变量对象的列表组成,这些变量对象按照它们被创建的顺序排列。本文将详细介绍JavaScript作用域链,包括什么是作用域链、作用域链的创建过程、作用域链的查找规则以及相关的代码示例。

1. 作用域链的定义

作用域链是JavaScript中一个执行上下文(Execution Context)中所有可访问变量和函数的列表。在查找变量或函数时,JavaScript引擎会按照作用域链的顺序逐级查找。

2. 作用域链的创建过程

当进入一个新的执行上下文时,会按照以下步骤创建作用域链:

  1. 创建变量对象(VO):根据上下文的类型创建一个空的变量对象。
  2. 建立作用域链:作用域链的顶端是当前执行上下文的变量对象,然后依次链接到父级执行上下文的变量对象,直至全局执行上下文。
  3. 初始化变量对象:将函数的参数、函数声明和变量添加到变量对象中。
var globalVar = "I am global";

function outer({
  var outerVar = "I am outer";

  function inner({
    var innerVar = "I am inner";
    console.log(globalVar, outerVar, innerVar);
  }

  inner();
}

outer();

在上述例子中,执行 outer 函数时,会创建作用域链,其中包括全局变量、outer 函数变量,以及 inner 函数变量。

3. 作用域链的查找规则

在查找变量或函数时,JavaScript引擎会按照以下规则在作用域链上逐级查找:

  1. 从当前执行上下文的变量对象开始查找
  2. 如果找到,则返回该变量的值
  3. 如果未找到,则继续沿着作用域链向上查找,直到全局执行上下文。
  4. **如果全局执行上下文都没有找到,则返回 undefined**。
var globalVar = "I am global";

function outer({
  var outerVar = "I am outer";

  function inner({
    var innerVar = "I am inner";
    console.log(globalVar, outerVar, innerVar);
  }

  inner();
}

outer();

在上述例子中,inner 函数可以访问全局变量 globalVar 和外部函数变量 outerVar,这是因为它们都在 inner 函数的作用域链上。

4. 闭包与作用域链

闭包是指在一个函数内部定义的函数,它可以访问外部函数的变量,形成一个闭包作用域链。

function outer({
  var outerVar = "I am outer";

  function inner({
    var innerVar = "I am inner";
    console.log(outerVar, innerVar);
  }

  return inner;
}

var closure = outer();
closure(); // 输出:I am outer I am inner

在上述例子中,inner 函数被返回并赋值给变量 closure,形成了一个闭包。当调用 closure 时,它仍然可以访问外部函数 outer 的变量,因为闭包保留了外部函数的作用域链。

结论

作用域链是JavaScript中控制变量和函数可访问性的关键机制。通过深入了解作用域链的创建过程和查找规则,我们能更好地理解JavaScript代码的执行过程,尤其是在涉及嵌套函数和闭包的情况下。

本文由 mdnice 多平台发布

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/799321.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

运行pytorch作业出现错误 RuntimeError: unable to write to file

运行pytorch作业出现错误 RuntimeError: unable to write to file Issue #26 huaweicloud/dls-example GitHub pytorch将共享内存的临时文件保存在了/torch_xxx文件中,即容器中的根目录下。容器磁盘空间不足导致该问题的发生。目前可以通过以下代码暂时关闭pyto…

五一假期来临,各地景区云旅游、慢直播方案设计与平台搭建

一、行业背景 经文化和旅游部数据中心测算,今年清明节假期3天全国国内旅游出游1.19亿人次,按可比口径较2019年同期增长11.5%;国内游客出游花费539.5亿元,较2019年同期增长12.7%。踏青赏花和户外徒步成为假期的热门出游主题。随着…

关于c++的命名空间

目录 1.命名空间 &#xff08;1&#xff09;hello world (2)细讲hello world代码 &#xff08;3&#xff09;引用命名空间 &#xff08;4&#xff09;总结代码 2.自定义一个命名空间 1.命名空间 &#xff08;1&#xff09;hello world #include<iostream> using n…

ubuntu安装与卸载Nvidia驱动,anaconda,vscode,remote远程配置

开始装nvidia 驱动之前先配置nouveau 文件 参考 https://blog.csdn.net/qq_40907977/article/details/115305634 1. 删除原有驱动 sudo apt-get purge nvidia* sudo apt-get autoremove 2.安装依赖 sudo apt-get install build-essential gcc-multilib dkms 3.禁用nouvea…

Linux命令-dpkg-preconfigure命令(Debian Linux中软件包安装之前询问问题)

说明 dpkg-preconfigure命令 用于在Debian Linux中软件包安装之前询问问题。 语法 dpkg-preconfigure(选项)(参数)选项 -f&#xff1a;选择使用的前端&#xff1b; -p&#xff1a;感兴趣的最低的优先级问题&#xff1b; --apt&#xff1a;在apt模式下运行。参数 软件包&am…

AI技术创业机会之教育科技

教育科技领域正因人工智能(AI)技术的创新与发展而焕发全新活力,为创业者开辟了众多革新教育模式、提升教学效果的创业机会。以下详述了教育科技中AI技术的具体创业机会及其细节与内容,以助力有志于投身此领域的创业者全面了解市场前景与潜在机遇。 一、个性化学习平台 1.…

Taro打包生成不同目录

使用taro init创建taro项目时&#xff0c;taro默认打包目录是&#xff1a; /config/index.js outputRoot:dist默认的目录&#xff0c;编译不同平台代码时就会覆盖掉&#xff0c;为了达到多端同步调试的目的&#xff0c;这时需要修改默认生成目录了&#xff0c;通过查看官方文…

蓝桥杯练习题 —— 阶乘计算(python)

python优势 # encoding utf-8 # 开发者&#xff1a;xxx # 开发时间&#xff1a; 21:57 # "Stay hungry&#xff0c;stay foolish."n int(input()) res 1 for i in range(n):res res * (i1)print(res) 正常算法 # encoding utf-8 # 开发者&#xff1a;xxx # 开…

【LeetCode】排序数组——不一样的方式实现快排

目录 题目链接 颜色分类 算法原理 代码实现 排序数组 算法原理 代码实现 最小的k个数 算法原理 代码实现 题目链接 LeetCode链接&#xff1a;75. 颜色分类 - 力扣&#xff08;LeetCode&#xff09; LeetCode链接&#xff1a;912. 排序数组 - 力扣&#xff08;L…

docker 部署 Epusdt - 独角数卡 dujiaoka 的 usdt 支付插件

部署 部署说明 部署之前必须注意的几点事项,该教程不一定适合所有用户: 本教程主要是使用 docker 部署,宝塔用户或宿主机直接安装的用户请直接参考官网教程.本教程是独立部署 epusdt,使用独立的mysql和redis,与dujiaoka项目分开. 在研究的过程中发现 epusdt 也需要用到 mys…

CADP加密系统的可扩展性和可定制性

CADP加密系统是一种专门用于保护CAD(计算机辅助设计)文件安全的加密解决方案。随着CAD技术在各个领域的广泛应用&#xff0c;CAD文件的安全性和保密性日益受到重视。CADP加密系统通过一系列先进的加密技术和安全措施&#xff0c;为CAD文件提供全面的保护&#xff0c;防止未经授…

微信小程序脚本的执行顺序

在小程序中的脚本执行顺序和浏览器中有所不同。 小程序的执行的入口文件是 app.js 。 并且会根据其中 require 的模块顺序决定文件的运行顺序&#xff0c;代码是一个 app.js 示例。 app.js /* a.js console.log(a.js) */ var a require(./a.js) console.log(app.js)/* b.js co…

ES入门十五:分页的三驾马车【from+size、search after、scroll api】

从数据集中获取数据时分页是绕不开的操作&#xff0c;一下子从数据集中获取过多的数据可能会造成系统抖动、占用带宽等问题。特别是进行全文搜索时&#xff0c;用户只关心相关性最高的那个几个结果&#xff0c;从系统中拉取过多的数据等于浪费资源。 ES提供了3种分页方式&…

Java | Leetcode Java题解之第15题三数之和

题目&#xff1a; 题解&#xff1a; class Solution {public List<List<Integer>> threeSum(int[] nums) {int n nums.length;Arrays.sort(nums);List<List<Integer>> ans new ArrayList<List<Integer>>();// 枚举 afor (int first 0;…

springboot整合ShardingSphere分库分表并插入1kw条记录

目录 一&#xff0c;数据分片 二&#xff0c;水平分片 三&#xff0c;创建数据库表 四&#xff0c;springboot项目导入依赖 五&#xff0c;创建类 六&#xff0c;bug bug放到最后了。 一&#xff0c;数据分片 数据分片指按照某个维度将存放在单一数据库中的数据分散地存…

数据结构 实验报告11

一、实验目的和要求 目的&#xff1a;熟悉后序线索二叉树并实现后序遍历 要求&#xff1a; &#xff08;1&#xff09;创建二叉树。 &#xff08;2&#xff09;转换为后序线索二叉树。 &#xff08;3&#xff09;实现后序遍历的非递归算法。 二、实验环境 编译器&#xf…

每天学习一个Linux命令之curl

每天学习一个Linux命令之curl 在Linux系统中&#xff0c;有很多有用的命令可以帮助我们与网络进行交互。一个非常常用的命令是curl&#xff0c;它是一个功能强大的工具&#xff0c;可用于发送、接收和处理各种网络请求。本文将详细介绍在Linux下使用curl命令的各种选项及其用法…

如何理解图像处理领域的病态问题(ill-posed problem)

ill-posed problem&#xff0c;我们可以理解为病态问题或者不适定问题。在本文中&#xff0c;统一成为不适定问题。 在讨论不适定问题&#xff08;ill-posed problem&#xff09;之前&#xff0c;我们先来看一下什么叫适定性问题&#xff08;well-posed problem&#xff09;。…

如何明确的选择IT方向?

一、明确目标 作为初学者&#xff0c;先树立自己目标&#xff0c;找到自己感兴趣的IT行业&#xff0c;IT行业分很多种&#xff0c;听的最多次的无非不就是web前端工、程序员、后端、大数据、网络运维等。学习知识也是为了找到更好的工作&#xff0c;所以我建议先去boss直聘、五…

浅谈Mysql(四)——Mysql知识补充

一、mysql什么时候会锁表 MySQL中的查询语句通常不会锁表&#xff0c;因为查询操作只读取数据而不修改数据。然而&#xff0c;当执行某些特定的查询语句或者在特定情况下&#xff0c;MySQL可能会对表进行锁定以保证数据的一致性和完整性。以下是几种可能导致表锁定的情况&#…