讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

updream

一键生成高质量推广成片

Seko
Seko

AI短剧一键生成成片

什么是javascript变量_如何正确声明和使用它们【教程】

千雪君_7265

千雪君_7265

发布时间:2026-01-29 16:47:02

|

162人浏览过

|

来源于php中文网

原创

JavaScript变量是词法环境中的绑定名称,var声明会提升但不初始化,let/const具块级作用域和暂时性死区,const强调绑定不可重赋而非值不可变。

什么是javascript变量_如何正确声明和使用它们【教程】

JavaScript 变量不是“容器”,而是**词法环境中的绑定名称**;用 var、let 或 const 声明的本质,是告诉引擎“这个标识符在当前作用域里有定义”,而不是分配一块内存地址。

为什么 var 声明的变量会“提升”但初始化不会

var 的声明会被提升到函数或全局作用域顶部,但赋值保留在原位置。这导致访问未初始化的 var 变量时得到 undefined,而非报错。

常见错误现象:

  • 在声明前读取 var x = 1 的 x,结果是 undefined,容易掩盖逻辑错误
  • 循环中用 var 声明计数器,闭包内全部共享同一个变量(如 for (var i = 0; i console.log(i), 0) 输出三个 3)

实操建议:

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

  • 除非需要函数作用域内的变量提升行为(极少见),否则避免使用 var
  • 把 var 当作历史遗留语法,仅用于兼容老代码或特定 hoisting 场景

let 和 const 的块级作用域到底影响什么

它们只在最近的花括号 {} 内有效,包括 if、for、try/catch 等语句块。这不是“语法糖”,而是引擎对作用域链的实际构建方式改变。

使用场景与差异:

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

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

下载
  • let:值会变、需重新赋值的变量,如循环计数器、临时计算结果
  • const:声明即赋值,且绑定不可重赋(注意:对象/数组内容仍可修改)
  • 两者都存在“暂时性死区(TDZ)”——从块开始到声明语句之间,访问该变量会直接抛 ReferenceError

示例:

if (true) {
  console.log(x); // ReferenceError
  let x = 1;
}

什么时候该用 const 而不是 let

不是看“值是否变化”,而是看“绑定是否应该被重新指向”。只要声明后不打算执行 = 赋值操作,就该用 const。

容易踩的坑:

  • 误以为 const obj = {} 表示对象不可变——其实只是不能把 obj 指向另一个对象,obj.prop = 1 完全合法
  • 在循环中用 const 声明迭代变量(如 for (const i of arr) 是 OK 的,但 for (const i = 0; i 会报错,因为 <code>i++ 是赋值操作)
  • 解构赋值时默认倾向 const:const { name, age } = user,除非后续要重赋整个变量

全局变量和模块作用域下的声明行为差异

在浏览器全局作用域中,var x = 1 会成为 window.x;而 let x = 1 或 const x = 1 不会挂载到 window,这是有意为之的隔离设计。

在 ES 模块(type="module" 或 Node.js 中的 .mjs)中:

  • 所有顶层声明(包括 function、class、let/const)都只在模块内有效
  • 没有隐式全局变量,哪怕漏写 let/const,也会直接报 ReferenceError
  • this 在模块顶层为 undefined,而非 window

这意味着:现代项目中,几乎不需要也不应该依赖全局变量污染来共享状态。

真正难处理的从来不是“怎么声明”,而是“在哪声明”——作用域嵌套、闭包生命周期、模块边界,这些地方变量的行为才容易出人意料。

热门AI工具

更多
豆包大模型

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

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

DeepSeek

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

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

VibeKnow
VibeKnow Hot

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

Flowith
Flowith Hot

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

WorkBuddy

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

相关专题

更多
mysql标识符无效错误怎么解决
mysql标识符无效错误怎么解决

mysql标识符无效错误的解决办法:1、检查标识符是否被其他表或数据库使用;2、检查标识符是否包含特殊字符;3、使用引号包裹标识符;4、使用反引号包裹标识符;5、检查MySQL的配置文件等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

17740

2023.12.04

Python标识符有哪些
Python标识符有哪些

Python标识符有变量标识符、函数标识符、类标识符、模块标识符、下划线开头的标识符、双下划线开头、双下划线结尾的标识符、整型标识符、浮点型标识符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1243

2024.02.23

java标识符合集
java标识符合集

本专题整合了java标识符相关内容,想了解更多详细内容,请阅读下面的文章。

9530

2025.06.11

c++标识符介绍
c++标识符介绍

本专题整合了c++标识符相关内容,阅读专题下面的文章了解更多详细内容。

3802

2025.08.07

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

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

2438

2023.09.20

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

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

5265

2025.09.18

python 全局变量
python 全局变量

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

2230

2025.09.18

c++ 全局变量
c++ 全局变量

本专题整合了c++全局变量的使用、定义、作用域等等内容,阅读专题下面的文章了解更多详细内容。

199

2026.03.17

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

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

80

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