讲师中心 微信公众号

工具推荐

视频效率加速
立刻MV
立刻MV

低成本歌曲 MV、视频生成

Seko
Seko

AI短剧一键生成成片

Laper
Laper

剧本策划到成片协作

AniShort
AniShort

AI短剧协同制作平台

javascript变量如何声明_有哪些作用域规则需要注意【教程】

陌晨大大_8384

陌晨大大_8384

发布时间:2026-01-27 16:36:00

|

641人浏览过

|

来源于php中文网

原创

let和const因TDZ与块级作用域禁止重复声明,var则函数提升且无块作用域导致变量泄漏;TDZ使未初始化前访问报ReferenceError,函数参数默认值中引用自身也受此限。

javascript变量如何声明_有哪些作用域规则需要注意【教程】

JavaScript 变量声明不是“选一个就行”,而是必须根据行为需求选对关键字;作用域规则不只影响变量能否访问,更直接决定闭包、异步回调、模块封装是否可靠。

let 和 const 声明后为什么不能重复声明同名变量?

因为 let 和 const 具有“暂时性死区”(TDZ)和块级作用域限制,引擎在进入块作用域时就登记了声明,但直到执行到声明语句前都不可访问——这和 var 的变量提升(hoisting)完全不同。

  • let x = 1; let x = 2; → 报错 SyntaxError: Identifier 'x' has already been declared
  • var x = 1; var x = 2; → 合法,后者覆盖前者(无报错)
  • console.log(y); let y = 3; → 报错 ReferenceError: Cannot access 'y' before initialization(TDZ 典型表现)
  • 函数参数也受 TDZ 影响:function f(x = x) { } 会报错,因为默认值表达式中右侧的 x 尚未初始化

var 声明为何会在 if 块内泄漏到外层函数?

var 只有函数作用域,没有块作用域。哪怕写在 if、for 或 {} 里,也会被提升到最近的函数顶部(或全局作用域)。

  • if (true) { var a = 1; } console.log(a); → 输出 1(不是 ReferenceError)
  • for (var i = 0; i → 输出 <code>3(循环变量泄露)
  • 这种泄漏是 var 最易被误用的点,在闭包循环中尤其危险(比如给多个按钮绑事件,最后全指向最后一个 i 值)
  • 现代写法应改用 let i:每次迭代都会创建新绑定,自然解决闭包问题

顶层 this 指向 globalThis,但 var 声明的变量却不会成为 globalThis 的属性?

这是历史遗留差异:var 在全局作用域声明会自动挂载为全局对象(window / global / globalThis)的可枚举属性;而 let、const、class、function 声明则不会。

cn-json-diff
cn-json-diff

比较两个 JSON 文件并显示差异。支持嵌套结构、数组及值变更。纯 Python 标准库实现,无需 API 密钥。

下载

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

  • var foo = 'bar'; console.log(globalThis.foo); → 'bar'
  • let bar = 'baz'; console.log(globalThis.bar); → undefined
  • 这个差异会影响依赖 globalThis 动态访问变量的场景(如插件系统、沙箱环境),不能假设所有顶层声明都可被 globalThis[key] 读取
  • ES6 模块的顶层声明(包括 import 绑定)也完全不挂载到全局对象,和 let/const 行为一致

模块作用域和 eval 中的声明行为有何不同?

模块文件(.mjs 或 type="module" 的脚本)自带独立作用域;而 eval() 默认继承调用者作用域,除非显式传入 'use strict' —— 此时 eval 内部的 var 也不会泄漏到外层。

  • eval('var x = 1'); console.log(x); → 1(非严格模式下)
  • eval('"use strict"; var y = 2'); console.log(y); → ReferenceError(严格模式下 eval 有独立作用域)
  • 模块中即使不写 "use strict",也默认启用严格模式,且所有声明都限定在该模块内
  • import 和 export 只能在模块顶层使用,不能在 if 或函数内动态出现,否则语法错误

真正容易被忽略的是:作用域边界不仅由关键字决定,还受执行上下文类型(模块/脚本/eval)、严格模式开关、以及是否在函数内嵌套影响。同一个 let 声明,在模块顶层和 IIFE 内部的表现一致,但在 eval 里可能因严格模式开关而行为突变。

相关文章

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

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

下载

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

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

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

讯飞绘文

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

WorkBuddy

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

DeepSeek

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

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Flowith
Flowith Hot

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

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

305

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

395

2025.12.24

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

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

2438

2023.09.20

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

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

4536

2024.01.03

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

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

326

2025.12.06

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

5073

2025.07.29

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

936

2023.08.08

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

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

60

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