0

0

javascript变量是什么_如何正确声明变量【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-26 12:35:02

|

882人浏览过

|

来源于php中文网

原创

const 优先,仅需重赋值时用 let;var 已淘汰。三者核心差异在于绑定能力与提升行为:var 提升且可重复声明,let/const 不提升、有暂时性死区,const 还要求初始化且不可重新绑定。

javascript变量是什么_如何正确声明变量【教程】

JavaScript 变量不是“容器”,而是绑定到内存位置的标识符;声明方式直接影响作用域、提升行为和可变性,选错关键字会引发静默错误或意外重定义。

var / let / const 三者到底差在哪

差异不在“能不能改值”,而在“能不能重新绑定”和“是否参与变量提升”:

  • var 声明的变量会被提升到函数顶部,且允许重复声明(不报错但可能覆盖)
  • letconst 不提升,存在暂时性死区(TDZ),在声明前访问会抛出 ReferenceError
  • const 要求声明时必须赋值,且不能重新赋值——但对象/数组本身可变,只是不能指向新地址

示例:

console.log(a); // undefined(var 提升)
var a = 1;

console.log(b); // ReferenceError(let 不提升)
let b = 2;

const obj = { x: 1 };
obj.x = 2;     // ✅ 允许
obj = {};      // ❌ TypeError: Assignment to constant variable

什么时候该用 const,什么时候必须用 let

默认优先用 const,只在明确需要重新赋值时才换 let

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

  • 循环计数器(for (let i = 0; i )必须用 <code>let,否则闭包中会捕获同一个引用
  • 函数内多次修改的配置对象、状态标记(如 isLoading)用 let
  • API 返回的数据、DOM 元素、模块导入、字面量(字符串/数字/对象字面量)一律用 const

反例:const i = 0; for (; i 会立即报错——<code>const 不支持自增操作。

云从科技AI开放平台
云从科技AI开放平台

云从AI开放平台

下载

不加关键字直接赋值会发生什么

在非严格模式下,name = 'Alice' 会隐式创建全局变量(挂到 windowglobalThis 上);严格模式下直接报 ReferenceError

  • 污染全局命名空间,容易引发冲突(比如多个脚本都用 data 作变量名)
  • V8 引擎无法对隐式全局变量做优化,性能更差
  • ESLint 默认启用 no-implicit-globals 规则,会标红警告

务必确保所有变量都显式声明:哪怕是在浏览器控制台调试,也建议先敲 letconst 再补名字。

常见陷阱:typeof null === 'object' 和变量未声明的区别

很多人混淆 typeof undeclaredVartypeof null 的结果:

  • typeof undeclaredVar 返回 "undefined"(不会报错)
  • undeclaredVar === undefined 会报 ReferenceError(因为根本没声明)
  • typeof null 返回 "object" 是历史 bug,但已成标准,无法更改

判断变量是否存在,正确方式是:if (typeof myVar !== 'undefined') { ... },而不是 if (myVar !== undefined)

变量声明看着简单,但 var 的函数作用域、let 的块级绑定、const 的不可再绑定,三者混用时的边界行为非常容易出错。尤其在条件语句或循环中,少一个 let 就可能导致整个逻辑跑偏。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1089

2024.03.01

if什么意思
if什么意思

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

847

2023.08.22

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

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

210

2023.12.04

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

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

323

2024.02.23

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

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

293

2025.06.11

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

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

178

2025.08.07

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

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

562

2023.09.20

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

37

2026.03.12

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
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号