讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript变量如何声明_let、const和var有什么区别【教程】

夏萱酱_3836

夏萱酱_3836

发布时间:2026-01-24 08:16:03

|

358人浏览过

|

来源于php中文网

原创

应避免在函数外用var声明全局变量,因其会挂载到全局对象(如window)污染命名空间;const声明的对象可修改内部属性但不可重新赋值;let是块级作用域且存在暂时性死区,var是函数作用域并会被提升。

javascript变量如何声明_let、const和var有什么区别【教程】

JavaScript 变量声明不是选哪个“更高级”,而是看变量是否需要重新赋值、是否会被提升、作用域边界在哪——let、const、var 三者行为差异明显,混用容易引发静默 bug 或意外覆盖。

为什么不能在函数外用 var 声明全局变量?

var 在函数作用域外声明时,会挂载到全局对象(如浏览器的 window),导致污染全局命名空间。这不是“不能用”,而是副作用太强,现代代码应避免。

  • var a = 1 → window.a === 1(浏览器中)
  • let b = 2 或 const c = 3 → 不挂载到 window,仅存在于全局作用域(但非全局对象属性)
  • 模块环境下(ESM),var 声明也不会自动变成 window 属性,但语义仍模糊,不推荐

const 声明的对象能改内容吗?

能。只要不重新赋值给该变量名,对象/数组内部的属性或元素可以任意修改——const 约束的是“绑定不可变”,不是“值不可变”。

Java注释规范Skills
Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载
  • const obj = { x: 1 }; obj.x = 2; ✅ 合法
  • obj = { y: 3 }; ❌ 报错:TypeError: Assignment to constant variable
  • const arr = [1]; arr.push(2); ✅ 合法;arr = []; ❌ 报错
  • 若需深冻结,得手动调用 Object.freeze(),且它只冻结第一层

let 和 var 的作用域与提升差异

var 是函数作用域 + 变量提升(hoisting),let 是块级作用域 + 暂时性死区(TDZ),这是最常踩坑的地方。

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

  • console.log(x); var x = 1; → 输出 undefined(x 被提升,但未初始化)
  • console.log(y); let y = 2; → 报错:ReferenceError: Cannot access 'y' before initialization
  • if (true) { let z = 3; } console.log(z); → 报错,z 仅在 if 块内有效
  • if (true) { var w = 4; } console.log(w); → 输出 4,w 提升至函数顶层

真正麻烦的不是语法记不住,而是把 var 当成“老派但安全”的写法——它在循环、异步回调、条件分支里极易暴露作用域缺陷。除非维护非常老的代码(IE8 及以下),否则 var 应彻底退出新项目。用 const 优先,需要重赋值时才换 let,这个习惯比记住所有规则更关键。

相关文章

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

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

下载

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

热门AI工具

更多
UP简历
UP简历 Hot

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

蛙蛙写作

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

DeepSeek

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

讯飞智作

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

WorkBuddy

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

豆包大模型

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

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

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

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

2278

2023.09.20

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

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

4765

2025.09.18

python 全局变量
python 全局变量

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

2010

2025.09.18

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

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

199

2026.03.17

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

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

876

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

6523

2024.05.29

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

12085

2023.07.31

网页undefined是什么意思
网页undefined是什么意思

网页undefined是指页面出现了未知错误的意思,提示undefined一般是在开发网站的时候定义不正确或是转换不正确,或是找不到定义才会提示undefined未定义这个错误。想了解更多的相关内容,可以阅读本专题下面的文章。

5527

2024.08.14

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

100

2026.10.22

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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