当前位置： 首页 > news >正文

JavaScript作用域与闭包

news 来源：原创 2025/5/9 23:21:44

一 作用域

在JavaScript中，作用域（Scope）指的是变量和函数的可访问性范围。在JavaScript中，作用域有全局作用域和局部作用域之分。

 

  1. 全局作用域（Global Scope）：全局作用域指的是在代码中任何位置都可以访问的变量和函数。在浏览器环境中，全局作用域通常是指window对象。在全局作用域中声明的变量和函数可以被任何代码访问。 
    let globalVar = 'I am a global variable';function globalFunction() {console.log('I am a global function');
}console.log(globalVar); // 输出 'I am a global variable'
globalFunction(); // 输出 'I am a global function'
  2. 局部作用域（Local Scope）：局部作用域指的是在函数内部声明的变量和函数，只能在函数内部访问。每个函数都会创建一个新的局部作用域，函数内部的变量和函数只能在该函数内部访问。 
    function localFunction() {let localVar = 'I am a local variable';console.log(localVar); // 在函数内部可以访问
}localFunction();
console.log(localVar); // 报错，localVar在函数外部不可访问
  3. 作用域链（Scope Chain）：当代码在嵌套作用域中执行时，JavaScript会按照作用域链的顺序查找变量。如果一个变量在当前作用域中找不到，JavaScript会沿着作用域链一级一级地向上查找，直到找到该变量或者到达全局作用域。 
    let outerVar = 'I am from outer scope';function outerFunction() {let innerVar = 'I am from inner scope';function innerFunction() {console.log(outerVar); // 可以访问外部函数的变量console.log(innerVar); // 可以访问内部函数的变量}innerFunction();
}outerFunction();

    作用域在JavaScript中起着非常重要的作用，它决定了变量和函数的可访问性，帮助我们避免命名冲突和提高代码的可维护性。在理解作用域的基础上，可以更好地编写和理解JavaScript代码。

二 闭包 

闭包是指在一个函数内部可以访问其外部作用域的局部变量的函数。

由于在 JavasSript 中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成"定义在一个函数内部的函数"。

所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

 

闭包的优点包括：

  1. 可以访问外部函数的局部变量，提高了代码灵活性和可复用性。
  2. 可以实现封装和隐藏数据，保护数据不被外部访问和修改。
  3. 可以延长变量的生命周期，使得变量在外部函数执行完后仍然可以被访问。
  4. 可以实现回调和事件处理等功能。

闭包的缺点包括：

  1. 可能会导致内存泄漏，因为闭包中引用了外部函数的变量，导致这些变量无法被垃圾回收。
  2. 闭包的层级嵌套过多可能会增加程序的复杂度，降低代码的可读性和可维护性。
  3. 闭包对性能有一定影响，因为每次调用闭包都需要创建一个新的执行环境。
  4. 有可能因为闭包中对外部变量的引用导致意料之外的结果，需要特别注意作用域和闭包的关系。

闭包在编程中有许多实际的用途，以下是一些常见的用途和案例：

  1. 封装私有变量和方法：利用闭包可以创建私有变量和方法，实现信息隐藏和封装，例如模拟类的私有属性和方法。 
    function createCounter() {let count = 0;return {increment: function() {count++;},getCount: function() {return count;}};
}let counter = createCounter();
counter.increment();
console.log(counter.getCount()); // 输出1
    ​​​
  2. 保存状态：在函数执行完毕后，闭包可以保存函数内部的状态，使得变量的值在函数外部仍然可访问和修改。 
    function createTimer() {let seconds = 0;function incrementTimer() {seconds++;console.log(`Timer: ${seconds} seconds`);}return incrementTimer;
}let timer = createTimer();
timer(); // 输出 Timer: 1 seconds
timer(); // 输出 Timer: 2 seconds
  3. 回调函数：在事件处理、异步编程等场景中常用闭包来实现回调函数，保持函数内部对外部变量的引用。 
    function fetchData(url, callback) {fetch(url).then(response => response.json()).then(data => {callback(data);});
}function processData(data) {console.log(data);
}fetchData('https://api.example.com/data', processData);
  4. 模块模式：利用闭包实现模块化开发，将相关的变量和方法封装在闭包内部，提供对外的接口，以防止全局污染。 
    let module = (function() {let privateVar = 10;function privateFunction() {return privateVar;}return {publicVar: 20,publicFunction: function() {return privateFunction() + this.publicVar;}};
})();console.log(module.publicFunction()); // 输出 30
    ​​​​​​​

相关文章：

JavaScript作用域与闭包

一 作用域 在JavaScript中，作用域（Scope）指的是变量和函数的可访问性范围。在JavaScript中，作用域有全局作用域和局部作用域之分。 全局作用域（Global Scope）：全局作用域指的是在代码中任何位置…...

编程日记 2025/5/9 23:21:44

docker容器部署jar应用导入文件时候报缺少字体错误解决

如题，在导入文件时候报错如下： Handler dispatch failed; nested exception is java.lang.NoClassDefFoundError: Could not initialize class sun.awt.X11FontManager 经查是缺少对应字体，解决办法有两张： 第一种：…...

编程日记 2025/5/9 22:37:16

lean4安装

目录 lean4安装windows 证明等比数列和函数函数 lean4安装windows lean4 windows一键安装（全网最简单的安装流程）_lean4安装-CSDN博客 证明等比数列和函数函数 import Mathlib.Data.Real.Basic -- 导入实数基础库 import Mathlib.Tactic.Simps.Basic -- 导入简化策略 im…...

编程日记 2025/5/9 23:01:17

HTML的入门

一、HTML HTML（HyperText Markup Language，超文本标记语言）是一种用来告知浏览器如何组织页面的标记语言。 超文本：就是超越了文本；HTML不仅仅可以用来显示文本(字符串、数字之类)，还可以显示视频、音频等…...

编程日记 2025/5/9 1:31:01

Jenkins 部署 之 Mac 一

Jenkins 部署 之 Mac 一 一.Jenkins 部署依赖 JDK 环境 查看 Mac JDK 环境，如果没有安装，先安装 打开终端输入命令:java -version Mac安装配置 JDK 二. 检查 HomeBrew 安装 检查 HomeBrew 是否安装，终端输入命令:brew -v Mac安装HomeB…...

编程日记 2025/5/9 22:41:50

matlab平面波展开法计算的二维声子晶体带隙

平面波展开法计算的二维声子晶体带隙，分别是正方与圆形散射体形成正方格子声子晶体，最后输出了能带图的数据，需要自己用画图软件画出来。 列表 平面波展开法计算二维声子晶体带隙/a2.m , 15823 平面波展开法计算二维声子晶体带隙/a4.m , 942…...

编程日记 2025/5/9 22:09:20

爬虫实战：利用代理ip爬取推特网站数据

引言 亮数据-网络IP代理及全网数据一站式服务商屡获殊荣的代理网络、强大的数据挖掘工具和现成可用的数据集。亮数据：网络数据平台领航者https://www.bright.cn/?promoRESIYEAR50/?utm_sourcebrand&utm_campaignbrnd-mkt_cn_csdn_yingjie202502 在跨境电商、社…...

编程日记 2025/5/9 21:39:08

【kafka系列】生产者

目录 发送流程 1. 流程逻辑分析 阶段一：主线程处理 阶段二：Sender 线程异步发送 核心设计思想 2. 流程 关键点总结 重要参数 一、核心必填参数 二、可靠性相关参数 三、性能优化参数 四、高级配置 五、安全性配置（可选&#xff0…...

编程日记 2025/5/9 21:27:40

Kafka日志数据深度解析：从基础查看到高级操作全攻略

#作者：孙德新 文章目录 查看log日志文件(kafka-dump-log.sh)1、查看Log文件基本数据信息2、index文件健康性检查(--index-sanity-check)3、转储文件(--max-message-size)4、偏移量解码(--offsets-decoder)5、日志数据解析(--transaction-log-decoder)6、查询Log文件…...

编程日记 2025/5/9 17:09:35

单例模式、构造函数、左值右值

拷贝构造函数 简单的说就是——用一个对象构造另外一个对象 class Myclass {public:int d0;Myclass(int d_){d d_}; //常用的构造函数Myclass(Myclass c) //拷贝构造函数{d c.d;} }; //对比 class Myclass {public:int d0;Myclass(int d_){d d_}; //常用的构造函数Myclass…...

编程日记 2025/5/9 21:45:39

DeepSeek+即梦 做AI视频

DeepSeek做AI视频 制作流程第一步：DeepSeek 生成视频脚本和分镜 第二步：生成分镜图片绘画提示词第三步：生成分镜图片第四步：使用可灵 AI 工具，将生成的图片转成视频。第五步：剪映成短视频 DeepSeek 真的强&…...

编程日记 2025/4/24 12:56:56

「软件设计模式」建造者模式（Builder）

深入解析建造者模式：用C打造灵活对象构建流水线 引言：当对象构建遇上排列组合 在开发复杂业务系统时，你是否经常面对这样的类：它有20个成员变量，其中5个是必填项，15个是可选项。当用户需要创建豪华套餐A&…...

编程日记 2025/5/9 22:29:49

Android设备 网络安全检测

八、网络与安全机制 6.1 网络框架对比 volley： 功能 基于HttpUrlConnection;封装了UIL图片加载框架，支持图片加载;网络请求的排序、优先级处理缓存;多级别取消请求;Activity和生命周期的联动（Activity结束生命周期同时取消所有网络请求 …...

编程日记 2025/4/27 1:37:36

安心联车辆管理系统的硬件架构详解

安心联车辆管理系统的硬件架构可分为车载设备和后端平台设备两大部分，以下是详细的硬件组成及功能说明： 一、车载设备 定位与通信模块 北斗/GPS双模定位模块：支持厘米级定位精度，兼容JT/T808、JT/T809等交通部标准协议&#xff0c…...

编程日记 2025/5/9 22:10:24

适用于iOS的应用商店优化（ASO）清单

面对App Store的激烈竞争，您想优化您的应用使其在竞争中脱颖而出，但又不知道应该从哪里开始。我们已经为您准备好了！我们整理了一份适用于iOS的应用商店优化（ASO）检查清单，用以帮助您入门并提高您在App Sto…...

编程日记 2025/5/9 23:13:24

linux概念详解

用户守护进程 用户空间守护进程是一些在后台运行的长期服务程序，提供系统级服务。 下面举一些例子。 网络服务： 如sshd（SSH服务）、httpd（HTTP服务）。 sshd：sshd 守护进程会在后台运行&#x…...

编程日记 2025/5/9 14:10:12

嵌入式开发应该具备哪些编程思维？

目录 1、资源限制思维 2、实时性思维 3、硬件抽象思维 4、中断驱动思维 5、功耗优化思维 6、可靠性和容错思维 7、并发和同步思维 8、故障排除与调试思维 9、状态机思维 嵌入式开发与一般的软件开发不同，嵌入式系统通常受到资源（内存、处理器、…...

编程日记 2025/5/9 0:13:58

MongoDB索引介绍

索引简述 索引是什么 索引在数据库技术体系中占据了非常重要的位置，其主要表现为一种目录式的数据结构，用来实现快速的数据查询。通常在实现上，索引是对数据库表(集合)中的某些字段进行抽取、排列之后，形成的一种非常易于遍历读取…...

编程日记 2025/5/8 23:55:59

编程速递-庆祝Delphi诞生30周年！

庆祝Delphi 30周年纪念是一个特别的时刻。 回到1995年，也就是30年前，在微软Windows和互联网时代的曙光初现之时，Borland Delphi的创建者们无法想象，当时使用Borland Delphi构建的应用程序至今仍在运行——为全世界数十亿人服务。…...

编程日记 2025/5/9 23:07:09

YOLOv11-ultralytics-8.3.67部分代码阅读笔记-tuner.py

tuner.py ultralytics\utils\tuner.py 目录 tuner.py 1.所需的库和模块 2.def run_ray_tune(model, space: dict None, grace_period: int 10, gpu_per_trial: int None, max_samples: int 10, **train_args,): 1.所需的库和模块 # Ultralytics 🚀 AGPL-…...

编程日记 2025/5/9 22:13:34

一文说清楚什么是Token以及项目中使用Token延伸的问题

首先可以参考我的往期文章，我这里说清楚了Cookie，Seesion，Token以及JWT是什么 其实Token你就可以理解成这是一个认证令牌就好了 详细分清Session，Cookie和Token之间的区别，以及JWT是什么东西_还分不清 cookie、sessi…...

编程日记 2025/5/9 22:08:17

VueRouter 实例

分析下列代码 const router new VueRouter({mode:history,routes }) 1.const router new VueRouter({ ... })用来创建一个 Vue Router 实例，用于管理 Vue.js 应用的路由。2.mode: history： 作用：启用 HTML5 History 模式，去除…...

编程日记 2025/5/9 22:41:50

【算法工程】解决linux下Aspose.slides提示No usable version of libssl found以及强化推理模型的短板

1. 背景 构建ubuntu镜像，然后使用Aspose.slides解析PPTX文档，发现一直提示“No usable version of libssl found”。 2. 尝试 使用deepseek R1、kimi1.5、chatgpt o3，并且都带上联网能力，居然还是没有一个能够真正解决&#xf…...

编程日记 2025/5/9 9:08:22

解析浏览器中JavaScript与Native交互原理：以WebGPU为例

引言 随着Web应用复杂度的提升，开发者对浏览器访问本地硬件能力的需求日益增长。然而，浏览器必须在开放性与安全性之间找到平衡——既不能放任JavaScript（JS）随意操作系统资源，又要为高性能计算、图形渲染等场景提供支…...

编程日记 2025/5/9 23:20:41

小火车理论

格助词...

编程日记 2025/5/9 22:19:57

深度学习框架探秘｜Keras 应用案例解析以及 Keras vs TensorFlow vs PyTorch

引言 上一篇文章《深度学习框架探秘｜Keras：深度学习的魔法钥匙》 我们初步学习了 Keras，包括它是什么、具备哪些优势（简洁易用的 API、强大的兼容性、广泛的应用领域），以及基本使用方法。本文，…...

编程日记 2025/5/9 10:16:55

【01 背包】

01 背包解题思路： 有n件物品和一个最多能背重量为w 的背包。第i件物品的重量是weight[i]，得到的价值是value[i] 。每件物品只能用一次，求解将哪些物品装入背包里物品价值总和最大。 这是标准的背包问题，每一件物品其实只有两个状…...

编程日记 2025/5/9 22:08:17

算法10-二分查找算法

一、二分查找算法概念 二分查找（Binary Search）是一种高效的查找算法，适用于在有序数组中快速查找目标值。它的核心思想是通过不断缩小查找范围，将时间复杂度从线性查找的 O(n) 优化到 O(log n)。 二、二分查找的流程图 以下是二…...

编程日记 2025/5/9 18:13:04

变相提高大模型上下文长度-RAG文档压缩-3.优化map-reduce(reranker过滤+社区聚类)

我遇到的业务问题实际上是RAG需要处理很多同一对象的日常报告，不像常识类问题，它的相关Document更多而且更分散，日常报告代表数据库里有很多它的内容，而且对象可能只在段落中的几句话提及到。top-k数量受限于大模型长度&#xff0…...

编程日记 2025/5/9 22:43:59

算法11-分治算法

一、分治算法概念 分治算法（Divide and Conquer）是一种重要的算法设计思想，通过将问题分解为多个子问题，分别解决后再合并结果，从而解决原问题。分治算法的核心思想是“分而治之”，通常包含三个步骤&#…...

编程日记 2025/5/9 23:18:30

Golang internals

To be continued... time.Time golang的时区和神奇的time.Parse context.Context Go Context的踩坑经历 sync.Pool sync.Pool workflow in Go 1.12 new shared pools in Go 1.13 什么是cpu cache理解 Go 1.13 中 sync.Pool 的设计与实现Go: Understand the Design of Sync.Pool…...

编程日记 2025/5/9 12:40:49

Flask中获取请求参数的一些方式总结

在 Flask 中，可以从 request 对象中获取各种类型的参数。以下是全面整理的获取参数的方式及示例代码。 1. 获取 URL 查询参数（Query String Parameters） URL 中的查询参数通过 ?keyvalue&key2value2 的形式传递，使用 reques…...

编程日记 2025/5/9 11:12:26

vscode/cursor 写注释时候出现框框解决办法

一、问题描述 用vscode/cursor写注释出现如图的框框，看着十分难受，用pycharm就没有 二、解决办法 以下两种，哪个好用改那个 （1）Unicode Highlight:Ambiguous Characters Unicode Highlight:Ambiguous Characters &a…...

编程日记 2025/5/9 12:36:40

11-跳跃游戏

给你一个非负整数数组 nums ，你最初位于数组的 第一个下标 。数组中的每个元素代表你在该位置可以跳跃的最大长度。 判断你是否能够到达最后一个下标，如果可以，返回 true ；否则，返回 false 。 贪心算法思路分析 在遍…...

编程日记 2025/5/9 13:25:29

TestHubo基础教程-创建项目

TestHubo是一款国产开源一站式测试工具，涵盖功能测试、接口测试、性能测试，以及 Web 和 App 测试，可以满足不同类型项目的测试需求。本文将介绍如何快速创建第一个项目，以快速入门上手。 1、创建项目 在 TestHubo 中，…...

编程日记 2025/5/9 15:12:46

GHOST重装后DEF盘丢失的全面解析与数据恢复实战指南

GHOST作为一款经典的系统备份与还原工具，因其高效便捷的特性被广泛应用于系统重装和数据恢复场景。然而，许多用户在使用GHOST重装系统后，发现DEF盘（即D盘、E盘、F盘等非系统盘）突然丢失，导致重要数据无法访…...

编程日记 2025/5/5 3:20:45

soular基础教程-使用指南

soular是TikLab DevOps工具链的统一帐号中心，今天来介绍如何使用 soular 配置你的组织、工作台，快速入门上手。  1. 账号管理 可以对账号信息进行多方面管理，包括分配不同的部门、用户组等，从而确保账号权限和职责…...

编程日记 2025/5/6 14:14:15

刷题记录（回顾）HOT100 二叉树-10: ​199. 二叉树的右视图

题目：199. 二叉树的右视图 难度：中等 给你一个二叉树的根节点 root ，判断其是否是一个有效的二叉搜索树。 有效 二叉搜索树定义如下： 节点的左 子树 只包含 小于 当前节点的数。节点的右子树只包含 大于 当前节点的数。所有左…...

编程日记 2025/5/9 4:11:59

【Java学习】类和对象

目录 一、选择取块解 二、类变量 三、似复刻变量 四、类变量的指向对象 五、变量的解引用访问 1.new 类变量(参) 2.this(参) 3.类变量/似复刻变量. 六、代码块 七、复制变量的赋值顺序 八、访问限定符 1.private 2.default 九、导类 一、选择取块解 解引用都有可以…...

编程日记 2025/4/25 1:59:46

安卓基础（Adapter）

想象一下，你有一堆玩具（数据），这些玩具很特别，每个玩具都是不同的，可能有汽车、飞机、积木等。现在，你想把这些玩具摆放到一个展示柜（显示的界面）里，给大家看…...

编程日记 2025/5/9 13:01:23

mybatis-lombok工具包介绍

Lombok是一个实用的]ava类库，能通过注解的形式自动生成构造器、getter/setter、equals、hashcode、toString等方法，并可以自动化生成日志变量，简化java开发、提高效率。 使用前要加入Lombok依赖...

编程日记 2025/4/24 3:00:02

React - 高阶函数-函数柯里化

在 JavaScript 和 React 中，高阶函数是指能够接收其它函数作为参数，或者返回一个函数的函数。柯里化是一种将函数的多个参数转化为一系列嵌套函数的技术，通常用于简化函数的使用和提高其可组合性。 使用前： import React,{Compo…...

编程日记 2025/5/9 12:00:20

数据守护者：备份文件的重要性及自动化备份实践

在信息化社会，数据已成为企业运营和个人生活的重要组成部分。无论是企业的核心业务数据，还是个人的珍贵照片、重要文档，数据的丢失或损坏都可能带来无法估量的损失。因此，备份文件的重要性愈发凸显，它不仅是数据安全的…...

编程日记 2025/5/9 13:20:09

【kafka系列】消费者重平衡

目录 流程 1. 消费者组重平衡（Rebalance）的流程逻辑分析 阶段一：触发重平衡 阶段二：消费者组协调 阶段三：重平衡完成 关键设计思想 2. Mermaid 流程代码 关键点总结 重平衡的影响 1. 重平衡期间的消费行为 2…...

编程日记 2025/5/9 12:59:22

光谱相机在天文学领域的应用

天体成分分析 恒星成分研究：恒星的光谱包含了其大气中各种元素的吸收和发射线特征。通过光谱相机精确测量这些谱线，天文学家能确定恒星大气中氢、氦、碳、氮、氧等元素的含量。如对太阳的光谱分析发现，太阳大气中氢元素占比约 71%&#xff0…...

编程日记 2025/5/9 13:26:40

Java 基于 SpringBoot+Vue 的家政服务管理平台设计与实现

博主介绍：✌程序员徐师兄、8年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战*✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅&#x1f447…...

编程日记 2025/5/9 12:38:46

ABC393E/F简要题解

ABC393E 给定数组 A A A,求包含元素 A i A_i Ai​的大小为 k k k的子集中最大的最大公约数。 题解： 首先思考对于整个数组所有包含 k k k个元素的子集中最大的GCD是多少，可以怎么求。 我们发现，如果一个数 x x x,数组中如果存在至少 k k …...

编程日记 2025/5/9 13:33:53

什么是Mustache

Mustache 是一种轻量级模板引擎，用于将变量插入到模板中生成最终的文本输出。它的设计简单且易于使用，适用于多种编程语言，包括 JavaScript、Python、Ruby、Java 等。 Mustache 的模板语法使用双大括号 {{}} 包裹变量或表达式，用…...

编程日记 2025/5/9 12:08:42

GGUF格式的DeepSeek-R1-Distill-Qwen-1.5B模型的字段解析

在将GGUF文件转换为PyTorch格式之前，先要读取文件并了解模型中都有什么字段，会遇到了各种参数不匹配的问题。现在，我们先读取GGUF文件的元数据字段，并希望将这些字段中的内存映射（mmap）数据转换为字符串显示…...

编程日记 2025/5/9 12:33:30

Java和SQL测试、性能监控中常用工具

下面我会详细列举一些在Java和SQL测试、调试、性能监控中常用的工具，并结合项目中提到的各个技术点说明如何选择合适的工具和方法。 一、Java项目常用的测试、调试与性能监控工具 单元测试与集成测试： JUnit/TestNG： 用于编写单元测试和集成测…...

编程日记 2025/5/9 13:32:51