0

0

JavaScript 中全局变量的修改与作用域行为解析

聖光之護

聖光之護

发布时间:2026-02-05 10:42:01

|

125人浏览过

|

来源于php中文网

原创

JavaScript 中全局变量的修改与作用域行为解析

本文解释为何在函数内修改全局变量后,其新值在函数外部同样生效:因为全局变量只有一个实例,赋值操作会直接改变该变量的值,而非创建局部副本。

在 JavaScript 中,变量的作用域决定了它在哪里被声明在哪里可被访问,但并不意味着变量值会“自动复制”或“隔离更新”。关键在于:变量是否被重新声明(let/const/var),而非是否在函数内被赋值。

回到你的示例:

let num = 50;

const logNum = () => {
  num = 100; // ⚠️ 没有使用 let/const,这是对全局 num 的直接赋值
  console.log(num);
};

logNum();     // 输出: 100
console.log(num); // 输出: 100

这里 num = 100 并未声明新变量(没有 let、const 或 var),因此 JavaScript 引擎会沿作用域链向上查找——发现外层存在一个 let num 声明(全局作用域),于是直接更新该变量的值。这不是“局部更新”,而是“全局更新”。

✅ 正确理解:

立即学习Java免费学习笔记(深入)”;

今客CRM客户管理系统 v18.1
今客CRM客户管理系统 v18.1

今客CRM客户管理系统主要是为了帮助企业解决在日常工作中遇到的客户管理等难题而开发,通过今客CRM客户管理系统可以对企业事务中的不同功能进行操作,用户通过自定义字段类型可以达到适合不同企业的需求。在今客客户关系管理系统中管理着一个企业最为完整的客户信息,全面的客户信息覆盖在企业的市场营销、销售和服务与技术支持等企业整个前端办公领域的各个环节里。它为企业带来附加价值是不可限量的。今客CRM客户管理系

下载
  • let num = 50 创建了一个块级作用域的全局变量(在模块顶层或脚本顶层,属于全局作用域);
  • 函数内部未用 let/const 重新声明 num,因此所有对 num 的读写都指向同一个绑定;
  • 变量只有一个,值只有一份——50 被覆盖为 100 后,无论从何处访问,结果都是 100。

? 对比:若想让函数内拥有独立的 num,必须显式声明:

let num = 50;

const logNum = () => {
  let num = 100; // ✅ 新建局部变量(同名遮蔽 global num)
  console.log(num); // 100
};

logNum();
console.log(num); // 50 ← 全局 num 未受影响

这种现象称为变量遮蔽(variable shadowing):内层作用域中同名变量会暂时“遮住”外层变量,但二者内存地址不同,互不干扰。

⚠️ 注意事项:

  • 避免无意遮蔽全局变量,易引发隐蔽 bug;
  • 在严格模式下,对未声明变量赋值(如 unknownVar = 42)会抛出 ReferenceError,而本例因 num 已声明,故安全;
  • 使用 const 声明全局配置项可防止意外重赋值,提升代码健壮性。

总结:作用域控制的是变量的可见性与生命周期,而赋值操作本身不创造新变量——除非配合声明关键字。理解“声明 vs 赋值”的本质区别,是掌握 JavaScript 作用域机制的关键一步。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

536

2023.09.20

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

82

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

98

2025.09.18

微信网页版文件传输助手教程合集
微信网页版文件传输助手教程合集

本专题整合了微信网页版文件传输助手教程、入口等等内容,阅读专题下面的文章了解更多详细内容。

15

2026.02.04

微信文件过期恢复教程
微信文件过期恢复教程

本专题整合了微信文件过期恢复方法、技巧教程,阅读专题下面的文章了解更多详细内容。

10

2026.02.04

抖音网页版入口与视频观看指南 抖音官网视频在线访问
抖音网页版入口与视频观看指南 抖音官网视频在线访问

本专题汇总了抖音网页版的入口链接、官方登录页面以及视频观看入口,帮助用户快速访问抖音网页版,提供免登录访问方式和直接进入视频播放页面的方法,确保顺利浏览和观看抖音视频。

93

2026.02.04

学习通网页版入口与在线学习指南 学习通官网登录与使用方法
学习通网页版入口与在线学习指南 学习通官网登录与使用方法

本专题详细汇总了学习通网页版入口与登录方法,提供学习通官方网页端入口、学生登录平台、网页版使用指南等内容,帮助用户快速稳定地登录学习通官网,顺利进入学习平台,提升学习效率和体验。

17

2026.02.04

Python Web 框架 Django 深度开发
Python Web 框架 Django 深度开发

本专题系统讲解 Python Django 框架的核心功能与进阶开发技巧,包括 Django 项目结构、数据库模型与迁移、视图与模板渲染、表单与认证管理、RESTful API 开发、Django 中间件与缓存优化、部署与性能调优。通过实战案例,帮助学习者掌握 使用 Django 快速构建功能全面的 Web 应用与全栈开发能力。

13

2026.02.04

Java 流式处理与 Apache Kafka 实战
Java 流式处理与 Apache Kafka 实战

本专题专注讲解 Java 在流式数据处理与消息队列系统中的应用,系统讲解 Apache Kafka 的基础概念、生产者与消费者模型、Kafka Streams 与 KSQL 流式处理框架、实时数据分析与监控,结合实际业务场景,帮助开发者构建 高吞吐量、低延迟的实时数据流管道,实现高效的数据流转与处理。

6

2026.02.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.7万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号