讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

Seko
Seko

AI短剧一键生成成片

updream

一键生成高质量推广成片

剧云
剧云

中文短剧剧本制作平台

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

云浩酱_6053

云浩酱_6053

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

|

505人浏览过

|

来源于php中文网

原创

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

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

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

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

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

常见错误现象:

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

实操建议:

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

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

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

let 和 const 是块级作用域,即仅在最近的 {} 内有效(包括 if、for、switch、独立代码块等)。

使用场景:

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

容易踩的坑:

CDP浏览器大师
CDP浏览器大师

CDP浏览器大师:通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务,解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

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

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

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

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

关键差异:

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

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

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

典型表现:

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

性能影响:

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

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

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

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

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

6344

2023.10.24

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

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

3424

2024.02.23

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

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

1912

2025.10.17

switch语句用法
switch语句用法

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

1071

2023.09.21

Java switch的用法
Java switch的用法

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

1437

2024.03.13

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

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

2418

2023.09.20

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

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

4516

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

326

2025.12.06

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

40

2026.11.06

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn