Javascript 中作用域的理解?
一、作用域的类型
1. 全局作用域（公司大门外）
- 范围：整个 JavaScript 文件
- 变量：像贴在公告栏上的信息，所有人可见
- 例子：
const companyName = "阿里"; // 全局变量，任何地方都能访问 function showCompany() {console.log(companyName); // 能访问 }
2. 函数作用域（独立办公室）
- 范围：函数内部
- 变量：像办公室抽屉里的文件，只有内部员工能访问
- 例子：
function departmentA() {const secret = "部门A的密码"; // 函数作用域变量console.log(secret); // 能访问 } departmentA(); console.log(secret); // 报错！外部无法访问
3. 块级作用域（会议室，ES6 新增）
- 范围：
{}内部（如if、for、while） - 变量：用
let或const声明，像会议纪要只能在会议室使用 - 例子：
if (true) {const meetingNote = "重要内容"; // 块级作用域console.log(meetingNote); // 能访问 } console.log(meetingNote); // 报错！外部无法访问
二、作用域链：权限的传递规则
1. 规则：像快递员送包裹
- 当前作用域找不到变量时，会一层层向上级作用域查找
- 直到全局作用域，找不到就报错
2. 代码示例：
const globalVar = "全局"; // 全局作用域function outer() {const outerVar = "外层"; // outer 函数作用域function inner() {const innerVar = "内层"; // inner 函数作用域console.log(innerVar); // 自己抽屉找到 → "内层"console.log(outerVar); // 上级办公室找到 → "外层"console.log(globalVar); // 公告栏找到 → "全局"}inner();
}outer();
三、关键细节：避免踩坑
1. var 的坑（没有块级作用域）
for (var i = 0; i < 3; i++) {setTimeout(() => console.log(i), 100); // 输出 3,3,3
}
// 原因：var 声明的 i 属于全局作用域// 正确写法（用 let 块级作用域）：
for (let i = 0; i < 3; i++) {setTimeout(() => console.log(i), 100); // 输出 0,1,2
}
2. 变量提升（先上车后补票）
var声明的变量会提升到作用域顶部，但值为undefinedlet和const不会完全提升（存在暂时性死区）console.log(a); // undefined（var 变量提升） var a = 10;console.log(b); // 报错（let 不会提升） let b = 20;
四、作用域的重要性
- 避免命名冲突：不同作用域的同名变量互不影响
- 数据保护：函数内部的变量外部无法直接修改
- 管理内存：作用域结束后，内部变量可被垃圾回收
总结比喻
- 全局作用域：公司公告栏（随便看）
- 函数作用域：部门保险箱（需权限）
- 块级作用域：会议室白板（会后擦除）
- 作用域链：快递员送包裹（层层向上找地址）
相关文章：
Javascript 中作用域的理解?
一、作用域的类型 1. 全局作用域（公司大门外） 范围：整个 JavaScript 文件变量：像贴在公告栏上的信息，所有人可见例子：const companyName "阿里"; // 全局变量，任何地方都能访问 fu…...
Qt入门——什么是Qt?
Qt背景介绍 什么是Qt? Qt 是⼀个 跨平台的 C 图形用户界面应用程序框架 。它为应用程序开发者提供了建立艺术级图形界面所需的所有功能。它是 完全面向对象 的，很容易扩展。Qt 为开发者提供了 ⼀种基于组件的开发模式 ，开发者可以通过简单的拖拽和组合…...
Snap7西门子PLC通信协议
S7协议，作为西门子的专有协议，广泛应用于多种通讯服务中，如PG通讯、OP通讯以及S7基本通讯等。它独立于西门子的各种通讯总线，能够在MP、PROFIBUS、Ethernet以及PROFINET等多种网络上运行。S7协议实质上是一个由多种应用层协议构成…...
GTC Taipei 2025 医疗域前瞻：从AI代理到医疗生态，解码医疗健康与生命科学的未来图景
引言 2025年，全球医疗健康领域正经历一场由人工智能、机器人技术与分布式计算驱动的范式转移。随着NVIDIA及其生态伙伴在GTC Taipei 2025大会上的深度布局，医疗行业的核心趋势愈发清晰：AI代理程序（Digital AI Agents）赋能临床协作、医疗大数据与精准医学加速落地、医学影…...
 与 push_back() 的区别)
C++的vector中emplace_back() 与 push_back() 的区别
C 中 vector 的 emplace_back() 和 push_back() 均用于向容器末尾添加元素，但二者在实现和效率上有显著区别： 1. 参数传递方式 push_back()：接受一个已构造的对象（左值或右值），将其拷贝或移动到容器中。 s…...
LangChain4j +DeepSeek大模型应用开发——5 持久化聊天记忆 Persistence
默认情况下，聊天记忆存储在内存中。如果需要持久化存储，可以实现一个自定义的聊天记忆存储类，以便将聊天消息存储在你选择的任何持久化存储介质中。 1. 存储介质的选择 大模型中聊天记忆的存储选择哪种数据库，需要综合考虑数据特…...
C++核心编程 1.2 程序运行后
1.2 程序运行后 栈区： 由编译器自动分配释放, 存放函数的参数值,局部变量等 注意事项：不要返回局部变量的地址，栈区开辟的数据由编译器自动释放 int * func() {int a 10;return &a; }int main() {int *p func();cout << *p <…...
)
小市值策略复现（A股选股框架回测系统)
相关config配置 https://quantkt.com/forumDetail?id201043 很早就知道了小市值模型，正好量化选股回测框架出来了，把最裸的小市值复现下，顺便验证下框架逻辑。 科普: 小市值策略基于 “小市值效应”，即从历史数据来看…...
—函数递归)
C语言(6)—函数递归
文章目录 一、递归的基本概念1.1 什么是递归1.2 递归的核心思想1.3 递归的必要条件 二、递归的经典应用2.1 阶乘计算 三、递归与迭代的比较3.1 递归的优缺点3.2 迭代的优缺点 四、递归的底层机制4.1 函数调用栈4.2 栈溢出风险 五、递归优化技巧5.1 记忆化（Memoizati…...
【网络】HTTP报文首部字段
目录 一. 预备知识 1.1.代理、网关和隧道 1.1.1.代理 1.1.2.网关 1.1.3.隧道 1.2.保存资源的缓存 1.2.1.缓存的有效期限 1.2.2.客户端的缓存 1.3.用单台虚拟主机实现多个域名 二. HTTP首部字段 2.1.HTTP 首部字段格式 2.2.四种 HTTP 首部字段类型 三. HTTP通用首部…...
【Fifty Project - D20】
今日完成记录 TimePlan完成情况7：30 - 11：30收拾行李闪现广州 & 《挪威的森林》√10：00 - 11：00Leetcode√16：00 - 17：00健身√ Leetcode 每日一题 每日一题来到了滑动窗口系列，今天是越…...
【Linux系统】systemV共享内存
system V共享内存 在Linux系统中，共享内存是一种高效的进程间通信（IPC）机制，它允许两个或者多个进程共享同一块物理内存区域，这些进程可以将这块区域映射到自己的虚拟地址空间中。 共享内存区是最快的IPC形式。一旦这…...
【计算机网络】DHCP——动态配置ip地址
DHCP 是什么？ DHCP（Dynamic Host Configuration Protocol，动态主机配置协议） 是一种网络协议，用于自动分配 IP 地址和其他网络配置参数（如子网掩码、默认网关、DNS 服务器等）给网络中的设备&…...
TDengine 订阅不到数据问题排查
简介 TDengine 在实际生产应用中，经常会遇到订阅程序订阅不到数据的问题，总结大部分都为使用不当或状态不正确等问题，需手工解决。 查看服务端状态 通过 sql 命令查看有问题的 topic 和consumer_group 组订阅是否正常。 select * from inf…...
低版的spring boot 1.X接入knife4j
低版的spring boot 1.X接入knife4j 老的项目是用spring boot 1.5.10.RELEASE 不好升级 ，原来接口文档一直用的是老的swagger样式，不是很好看，网上查了下，发现有个knife4j挺好看的，用一下他们的样式，下面是…...
outlook for mac本地邮件存放在哪儿?
尽管 PST 格式通常与 Microsoft Outlook 联系在一起，但认为它也在 Mac OS 上存储邮箱数据是一种误解。实际上，Outlook for Mac 不会将邮件存储为 PST 文件。无法在 Outlook for Mac 中找到 PST 文件位置，因为它不使用 PST 文件来存储邮箱数据…...
javascript＜——＞进阶
一、作用域：变量可以被访问的范围 1.局部作用域 1.1函数作用域 在函数内部声明的变量，在函数内部被访问的，外部无法直接访问。 总结：1、函数内部声明的变量，在函数外部无法直接访问 2、函数的参数也是函数内部的局…...
Java练习8
一.题目 二.源码 package TestRuMen;import java.util.Random; import java.util.Scanner;public class Test11 {public static void main(String[] args){// 调用 createNumber 方法生成一组随机的中奖号码int[] arrcreateNumber();// 调用 userInputNumber 方法获取用户输入…...
C语言按位操作符
在C语言中，按位操作符直接对整数的二进制位（bit）进行操作，常用于底层编程、硬件控制或性能优化场景。以下是按位操作符的详细说明和用法： 1. 按位操作符列表 操作符名称功能描述示例&按位与对应位均为1时结果为1&…...
Linux（权限管理）
权限概述 基本概念 定义：Linux权限是操作系统对用户和进程访问资源进行精细化管控，通过读（r4）、写（w2）、执行（x1）三种基础权限组合实现。 其中在运维的角度看它们所对应的操作权限…...
Redis入门到实战——基础篇
一、初识Redis 1. 认识NoSQL 2. 认识Redis Redis诞生于2009年，全称Remote Dictionary Server，远程词典服务器，是一个基于内存的键值型NoSQL数据库。 特征： 键值型（key-value），value支持多种…...
ctf.show 卷王杯 pwn签到
pwn签到 64位 ret2libc pwn签到 (1) motalymotaly-VMware-Virtual-Platform:~/桌面$ file pwn pwn: ELF 64-bit LSB executable, x86-64, version 1 (SYSV), dynamically linked, interpreter /lib64/ld-linux-x86-64.so.2, for GNU/Linux 3.2.0, BuildID[sha1]0953abcf1dd6…...
Dali 1.1.4 | 使用尖端技术将描述转换成独特艺术品、照片和图像，发挥无限创意
Dali是一款先进的AI图像生成器应用程序，能够根据用户的描述生成不同风格的独特图像。无论是迷人的数字艺术、创新的纹身设计还是独一无二的标志，甚至是超写实的照片，Dali都能轻松应对。这款解锁版为用户提供了更多的创作自由度和无限可能&…...
LeetCode 2906 统计最大元素出现至少K次的子数组（滑动窗口）
给出一个示例： 输入：nums [1,3,2,3,3], k 2 输出：6 解释：包含元素 3 至少 2 次的子数组为：[1,3,2,3]、[1,3,2,3,3]、[3,2,3]、[3,2,3,3]、[2,3,3] 和 [3,3] 。该题也是一个比较简单的滑动窗口的题目，但是…...
文献阅读（三）基于干旱强度和恢复时间的生态系统恢复力评估|《Agricultural and Forest Meteorology》
傅伯杰院士团队发表在《Agricultural and Forest Meteorology》上的一篇文章，定义了一个新的恢复力指标，通过指数拟合曲线表征干旱强度和相应恢复时间的关系，用曲线面积量化恢复力；耦合干旱强度和恢复时间来评估生态系统对干旱的恢…...
32、Server.Transfer和Response.Redirect的区别是什么？
Server.Transfer 和 Response.Redirect 是 ASP.NET 中用于页面跳转的两种方法，但它们在实现机制、性能、URL 显示等方面存在显著区别。以下是两者的核心差异： 1. 实现机制 Server.Transfer 服务器端跳转：直接在服务器内部将请求从当前页面…...
iOS—仿tableView自定义闹钟列表
自定义View实现闹钟列表，左滑删除，滑动列表时收起删除按钮。用代理的方法实现ListView的创建，删除以及开关回调，并实现动画效果。 ClockViewCell使用block通知ListView，ListView通过代理通知上层ClockView 1、文件组…...
Spark，集群搭建-Standalone
集群搭建-Standalone 一、解压 在之前的学习中我们有了一个软件包 spark.3.1.2-bin-hadoop3.2.tgz （eg我的在 /opt/software目录下）把这个软件包解压到 /opt/module 下（也可以自己决定解压到哪里）。对应的命令是： t…...
【C++11】新的类功能、lambda
📝前言： 这篇文章我们来讲讲C11——新的类功能、lambda、包装器 🎬个人简介：努力学习ing 📋个人专栏：C学习笔记 🎀CSDN主页 愚润求学 🌄其他专栏：C语言入门基础…...
stm32 g031g8 flash擦除函数被坑
先记录一下在擦除的时候由于调用了这个FLASH_PageErase(FLASH_BANK_1, secpos); 导致擦除不成功，写入失败。 下面的擦除有问题// 使用 FLASH_PageErase 擦除该页while ((FLASH->SR & FLASH_SR_BSY1) ! 0); // 等待空闲FLASH_PageErase(FLASH_BANK_1, secpo…...
SQL实战：04之SQL中的分组问题求解
文章目录 概述题目：分组问题求解题解第一步：求解差值步骤二：窗口分组累加完整SQL 总结 概述 最近刷题时遇到一些比较有意思的题目，乍一遇上时还不知道怎么求解，在灵光一闪时找到了问题的求解答案，感觉还比…...
基于DrissionPage的实习信息爬虫改造与解析
目录 编辑 一、DrissionPage技术优势分析 二、代码改造实现 2.1 环境配置 2.2 爬虫类定义 2.3 核心爬取逻辑 一级页面解析优化 二级页面解析优化 2.4 分页控制机制 三、关键技术解析 3.1 智能元素定位 3.2 请求管理优化 3.3 反爬对抗策略 四、改造前后对比测试…...
react-native打包报错：缺少build文件夹
在React Native项目中，如果你遇到了提示“没有build文件夹”的问题，这通常是因为项目的某些部分没有正确初始化或者配置。以下是一些解决步骤。如果缺少build文件，这会导致你使用gradlew assembleRealease失败，进而无法打包APK。下…...
【无需安装额外软件，JavaScript脚本】B站批量取消关注
步骤 注意： 提前选好需要批量取消关注的分组！！！脚本过程中会提示要求输入B站账号的手机号码作为验证，不是封号，只是验证！！！ 打开B站关注页面 进入个人关注网页࿰…...
【Linux】第十五章 调度未来任务
1.如何调度延迟的用户任务？ at 软件包包含 atd守护进程，和一组命令（at、atq等）。在默认的 RHEL 安装过程中，将自动安装并启用 atd守护进程。root 及普通用户可以使用 at 命令创建计划任务，atd守护进程提供…...
JVM GC垃圾回收算法
垃圾回收算法（GC Algorithms） JVM 根据对象生命周期特性（分代假设）采用不同的回收算法，核心算法包括： 标记-清除（Mark-Sweep） 此算法执行分两阶段。第一阶段从引用根节点开始标记…...
的车牌模糊图像修复算法设计与实现(含Github代码+Web端在线体验界面))
计算机毕业设计--基于深度学习(U-Net与多尺度ViT)的车牌模糊图像修复算法设计与实现(含Github代码+Web端在线体验界面)
基于深度学习的U-Net架构下多尺度Transformer车牌图像去模糊算法设计与实现 如果想对旧照片进行模糊去除，划痕修复、清晰化，请参考这篇CSDN作品👇 计算机毕业设计–基于深度学习的图像修复（清晰化划痕修复色彩增强）算…...
塑料材料工程师简历模板
模板信息 简历范文名称：塑料材料工程师简历模板，所属行业：其他 | 职位，模板编号：DEEBPX 专业的个人简历模板，逻辑清晰，排版简洁美观，让你的个人简历显得更专业，找到好工…...
Nginx核心功能与LNMP部署
目录 一、引言 二、Nginx 简介 2.1 Nginx 的起源与发展 2.2 Nginx 的特点 三、Nginx 核心功能详解 3.1 HTTP 服务器功能 3.1.1 静态资源处理 3.1.2 HTTP 协议支持 3.2 反向代理功能 3.2.1 反向代理的原理 3.2.2 Nginx 反向代理配置 3.3 负载均衡功能 3.3.1 负载均…...
爬虫学习笔记（五）---数据解析之re
数据提取 前面的爬虫笔记学习的都是如何爬取整个页面的内容，服务器渲染中，数据是直接放在源代码html里面的，大多数情况下整个页面的内容真正需要的只是一小部分，那把这一小部分提取出来的过程就叫做数据提取 数据解析方式 re解…...
ESP32- 开发笔记- 软件开发 4 - GPIO 口
1 背景介绍 GPIO（General Purpose Input/Output） ——通用输入输出口，就是能由软件自由控制输入（接收外界信号）或输出（发出电平信号）的引脚。 ESP32 最核心的功能之一，能被用来控制…...
大前端开发——前端知识渐变分层讲解 利用金字塔原理简化前端知识体系
Web开发基础 核心概念 HTML、CSS和JavaScript：Web开发的三大基石，分别负责结构、样式和行为。 代码管理：随着项目规模扩大，需要将代码拆分成小块，便于维护。 作用域污染：早期所有代码共享全局作用域&…...
面向网络安全的开源 大模型-Foundation-Sec-8B
1. Foundation-Sec-8B 整体介绍 Foundation-Sec-8B 是一个专注于网络安全领域的大型语言模型 (LLM)，由思科的基础人工智能团队 (Foundation AI) 开发 。它基于 Llama 3.1-8B 架构构建，并通过在一个精心策划和整理的网络安全专业语料库上进行持续预训练而得到增强 。该模型旨在…...
长效住宅IP是什么？如何获取长效住宅IP？
在当今的互联网世界里，IP地址作为连接用户与网站之间的桥梁，其重要性不言而喻。对于跨境电商、社交媒体运营以及数据采集等领域的专业人士而言，普通的IP地址已无法满足日益复杂的需求。他们更需要一种稳定、安全且持久的长效住宅IP来完成各类…...
零基础实现把知识库接到聆思CSK6大模型开发板上
前言 大模型作为一个语言模型，实际上没有真正的记忆功能。所谓的对话记忆只是开发者将对话历史向GPT发送消息时将最近的对话历史通过提示工程组发送给ChatGPT。换句话说，如果对话历史超过了大模型的最大上下文，GPT会忘记之前的部分࿰…...
)
docker 部署前、后端分离项目详细步骤(从打包到部署)
在平常的开发工作中，一个项目经历需求、开发、测试、上线等步骤。在开发测试完成后，我们需要部署测试环境、生产环境等，那么我们用 docker 方式应该怎么部署呢？前后端分离的项目又该如何部署呢？那么，今天我…...
【深度学习的灵魂】图片布局生成模型LayoutPrompt（1）
🌈 个人主页：十二月的猫-CSDN博客 🔥 系列专栏： 🏀《深度学习理论直觉三十讲》_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光 目…...
BG开发者日志429：故事模式的思路
1、故事模式已有的一关试验关中，直接揭示了一些重要真相，白给了。 /原设计思路是玩家可以直接玩故事模式，很快就能通关本模式的所有关卡，知道所有真相。 /原表现方式是步行模拟，到地点看对话。 （现在看来…...
Linux批量管理：Ansible自动化运维指南
引言 在服务器规模化的时代，Ansible就像一位"自动化指挥官"🎖️，让你轻松管理成百上千台Linux主机！本文将带你全面掌握Ansible的核心用法，从基础架构到高级Playbook，从主机管理到应用部署。无论…...
【AI提示词】第一性原理
提示说明 擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家。 提示词 # Role: 第一性原理思考导师## Profile - language: 中文 - description: 擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家 - background: 具备理论物理学与哲学复合背…...