0

0

什么是作用域_javascript变量在哪里可访问【教程】

狼影

狼影

发布时间:2026-01-25 15:49:02

|

485人浏览过

|

来源于php中文网

原创

javascript变量能否访问取决于其声明时的作用域:var为函数作用域,let/const为块级作用域;混淆二者易致referenceerror或undefined,建议优先使用let/const。

什么是作用域_javascript变量在哪里可访问【教程】

JavaScript 变量能不能被访问,不取决于它写在第几行,而取决于它声明时所处的 functionblock 或全局环境——也就是作用域。没搞清这个,ReferenceErrorundefined 就会反复出现。

函数作用域:var 声明只认 function 边界

var 声明的变量具有函数作用域,不是块作用域。哪怕写在 iffor 里,只要没脱离函数,外部就能访问到。

常见错误现象:

  • if 块里用 var x = 1,以为外面访问不到 x,结果能访问且值为 1
  • 在函数内多次用 var 声明同名变量,不会报错,而是被提升并合并为一次声明

实操建议:

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

  • 避免用 var,改用 letconst,行为更可预测
  • 如果必须读旧代码,记住:var 的作用域顶点是最近的 function,不是 {}

块作用域:let/const 真正受 {} 限制

letconst 是块级作用域,即仅在最近的 {} 内有效(包括 ifforswitch、独立代码块等)。

使用场景:

  • 循环中绑定迭代变量(如 for (let i = 0; i ),每次迭代都有独立 <code>i,不会互相污染
  • 临时变量只在某个分支内使用,避免泄漏到外层

容易踩的坑:

Unscreen
Unscreen

AI智能视频背景移除工具

下载
  • letconst 存在“暂时性死区”(TDZ):从块开始到声明语句前,访问会直接抛 ReferenceError,不是 undefined
  • const 不代表“值不可变”,只代表“绑定不可重赋值”;对象或数组本身仍可修改

全局作用域和模块作用域的区别

浏览器中,顶层 var 或函数声明会挂到 window 上;但 let/const/class 不会——它们属于全局作用域,但不是全局对象属性。

模块(.js 文件被 type="module" 加载,或 import 引入)有隐式模块作用域:所有顶层声明默认私有,除非显式 export

关键差异:

  • 脚本模式下,var x = 1window.x === 1;模块模式下,var x = 1window.x 仍是 undefined
  • 模块中即使不写 var/let,直接写 x = 1(不加声明)会报 ReferenceError,因为模块严格模式默认开启

闭包:函数记住了它诞生时的作用域链

闭包不是特殊语法,而是函数与其词法作用域共同构成的组合。只要一个函数在定义它的作用域之外被调用,且还引用了该作用域里的变量,就形成了闭包。

典型表现:

  • 返回一个内部函数,该函数访问外层函数的参数或变量
  • 事件回调、定时器、异步操作中保留对“当时”变量的引用

性能影响:

  • 闭包会让外层作用域的变量无法被垃圾回收,长期持有大对象可能引发内存占用问题
  • 不要在循环中用 var + 闭包去捕获索引,应改用 let 或立即执行函数

最容易被忽略的是:闭包捕获的是变量的“引用”,不是值;如果外层变量后续被修改,闭包里看到的就是新值——除非你主动做快照(比如用参数传入或展开运算符复制)。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

241

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

150

2025.10.17

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

846

2023.08.22

switch语句用法
switch语句用法

switch语句用法:1、Switch语句只能用于整数类型,枚举类型和String类型,不能用于浮点数类型和布尔类型;2、每个case语句后面必须跟着一个break语句,以防止执行其他case的代码块,没有break语句,将会继续执行下一个case的代码块;3、可以在一个case语句中匹配多个值,使用逗号分隔;4、Switch语句中的default代码块是可选的等等。

569

2023.09.21

Java switch的用法
Java switch的用法

Java中的switch语句用于根据不同的条件执行不同的代码块。想了解更多switch的相关内容,可以阅读本专题下面的文章。

441

2024.03.13

c语言const用法
c语言const用法

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

562

2023.09.20

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

870

2024.01.03

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

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

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

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