0

0

javascript的变量和数据类型有哪些_如何正确声明和使用它们【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-17 19:17:02

|

471人浏览过

|

来源于php中文网

原创

javascript变量与数据类型需持续实践:var/let/const核心区别在作用域、提升和重复声明规则;原始类型7种,typeof和instanceof有局限;tdz导致let/const块内提前访问报错;bigint和symbol各有使用边界;类型安全依赖工具而非死记。

javascript的变量和数据类型有哪些_如何正确声明和使用它们【教程】

JavaScript 的变量和数据类型不是“学完就一劳永逸”的知识,而是日常写代码时高频踩坑的源头。能不能正确声明、用对类型、避开隐式转换陷阱,直接决定你写的逻辑是否可靠。

var / let / const 到底该选哪个?

三者本质区别不在“能不能重新赋值”,而在**作用域、提升(hoisting)行为和重复声明规则**:

  • var 会函数作用域提升,且允许重复声明 —— 容易导致意外覆盖或 undefined 访问
  • letconst 是块级作用域,不提升(但存在“暂时性死区”),不允许重复声明
  • const 不代表“值不可变”,只代表“绑定不可重赋”;对象/数组本身仍可修改属性或元素

实操建议:

易语言学习手册 十天学会易语言图解教程  pdf版
易语言学习手册 十天学会易语言图解教程 pdf版

十天学会易语言图解教程用图解的方式对易语言的使用方法和操作技巧作了生动、系统的讲解。需要的朋友们可以下载看看吧!全书分十章,分十天讲完。 第一章是介绍易语言的安装,以及运行后的界面。同时介绍一个非常简单的小程序,以帮助用户入门学习。最后介绍编程的输入方法,以及一些初学者会遇到的常见问题。第二章将接触一些具体的问题,如怎样编写一个1+2等于几的程序,并了解变量的概念,变量的有效范围,数据类型等知识。其后,您将跟着本书,编写一个自己的MP3播放器,认识窗口、按钮、编辑框三个常用组件。以认识命令及事件子程序。第

下载
  • 默认用 const,除非明确需要重新赋值(比如循环计数器),再换 let
  • 彻底弃用 var,尤其在函数外或嵌套块中,它带来的混乱远大于兼容性收益
  • 声明即初始化,避免 const obj = {}; 后又反复 obj.a = 1 这类弱约束写法 —— 改用 Object.freeze() 或 TypeScript 类型约束更可靠

7 种原始类型 + Object,但 typeof 和 instanceof 经常撒谎

原始类型有:stringnumberbooleannullundefinedsymbolbigint;其余都是 object(包括 ArrayDateRegExpPromise,甚至 null!)

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

这意味着:

  • typeof null === 'object' 是历史 bug,至今未修复
  • typeof []typeof new Date()typeof /abc/ 全是 'object',无法区分
  • instanceof 在跨 iframe 场景下失效(不同全局环境的 Array 构造函数不等价)

实操建议:

  • 判断数组用 Array.isArray(),别信 typeofinstanceof Array
  • 判断日期、正则等内置对象,优先用 Object.prototype.toString.call(x),例如:
    Object.prototype.toString.call(new Date()) // '[object Date]'
  • 检查 null 必须显式写 x === null,不能靠 !x(因为 undefined0'' 也假)

let 声明的变量为什么在块内访问会报 ReferenceError?

这不是 bug,是设计:letconst 存在“暂时性死区”(TDZ)。从块开始到声明语句执行前,变量处于不可访问状态。

常见错误现象:

  • console.log(a); // ReferenceError
    let a = 1;
  • for 循环中误以为每次迭代都新建变量,实际是每次迭代绑定新值 —— 闭包里取 i 仍是最后一个值(需用 let 声明在循环体内才真正隔离)

实操建议:

  • 声明尽量靠近首次使用位置,避免跨多行“悬空”声明
  • 不要依赖 TDZ 报错来检测变量是否存在 —— 应该用 in 操作符或 hasOwnProperty 查属性,用 typeof x === 'undefined' 查变量是否声明(仅限 var
  • 想实现“块级私有”,用 { let x = ... } 包裹,而不是靠注释或命名约定

BigInt 和 Symbol 容易被忽略的使用边界

BigInt 解决大整数精度丢失,但代价是不能和 number 混算;Symbol 保证唯一性,但不等于“私有”。

常见误区:

  • 1n + 1 直接报错,必须写成 1n + 1nMath.max(1n, 2n) 也不行 —— BigInt 不参与大多数内置数学函数
  • Symbol('foo') === Symbol('foo')false,但 Symbol.for('foo') === Symbol.for('foo')true —— 后者注册到全局符号注册表,慎用
  • Symbol 属性不会出现在 for...inObject.keys() 中,但能被 Object.getOwnPropertySymbols()Reflect.ownKeys() 拿到 —— 所谓“隐藏”只是遍历 API 的盲区

实操建议:

  • 处理 ID、时间戳、加密哈希等可能超 Number.MAX_SAFE_INTEGER9007199254740991)的整数时,才引入 BigInt;日常计数、索引继续用 number
  • Symbol 做对象属性名时,把 symbol 存在模块顶层常量里,避免散落各处造成维护困难
  • 别指望 Symbol 防止外部访问 —— 真要封装,用闭包或 #privateField(ES2022 私有字段)

类型系统松散是 JavaScript 的特点,也是它的负担。真正难的不是记住 typeof null 返回什么,而是在读别人代码或调试异步链时,能一眼识别出某个 valuestring 还是 number 还是 Promise<string></string> —— 这时候,类型注解(JSDoc)、运行时校验(如 zod)、或者直接上 TypeScript,比死记规则管用得多。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

47

2026.02.13

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

192

2026.02.25

数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

337

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

224

2025.10.31

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

138

2026.02.12

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1010

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

367

2023.11.13

java boolean类型
java boolean类型

本专题整合了java中boolean类型相关教程,阅读专题下面的文章了解更多详细内容。

42

2025.11.30

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

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