JavaScript有7种基本数据类型（Number、String、Boolean、undefined、null、Symbol、BigInt）和1类引用类型；基本类型存于栈内存，引用类型存于堆内存且变量保存引用；其动态类型指变量无固定类型，类型由值决定并可运行时改变。

JavaScript 有 7 种原始（基本）数据类型和 1 类引用类型，它的动态类型特性指变量本身不绑定类型，类型由值决定，且可在运行时随时改变。

七种基本数据类型

它们是值类型，直接存储在栈内存中：

• Number：包括整数、浮点数，还有 NaN 和 Infinity 等特殊数值
• String：用单引号、双引号或反引号包裹的文本，如 "hello" 或 `age: ${25}`
• Boolean：只有两个值：true 和 false
• undefined：变量已声明但未赋值时的默认值
• null：显式赋的“空值”，表示有意缺失的对象引用
• Symbol（ES6 新增）：唯一且不可变，常用于对象属性键，避免命名冲突
• BigInt（ES2025 新增）：表示任意精度的整数，字面量以 n 结尾，如 123n

引用类型（对象类型）

它们存储在堆内存中，变量保存的是指向该对象的引用：

• Object：最基础的引用类型，包括普通对象、数组、日期、正则等
• Array：有序集合，本质是特殊对象，typeof [] 返回 "object"
• Function：函数也是对象，可被赋值、传参、返回
• Date、RegExp、Error、Map、Set 等内置构造器实例
• Promise、Proxy、Reflect 等较新特性也属于引用类型

什么是动态类型？关键在于三点

JavaScript 不要求声明变量类型，也不限制变量后续赋什么类型的值。类型完全取决于当前值，并由引擎在运行时实时识别：

• 同一个变量可以先后存数字、字符串、对象：let x = 42; x = "hi"; x = {a: 1};
• typeof 检查的是值的类型，不是变量的类型 —— 变量没有固定类型
• 类型转换发生在运算过程中，比如 "5" - 2 自动把字符串转为数字得 3；而 "5" + 2 却触发字符串拼接得 "52"
• 没有编译期类型检查，错误只能在运行时暴露，比如调用不存在的方法会报 TypeError

动态类型带来的实际影响

它让代码写起来更轻快，但也需要开发者主动防范隐式行为：

• 用 === 替代 == 避免意外类型转换
• 对关键输入做显式类型校验，例如 typeof x === 'string' 或 Array.isArray(x)
• 大型项目中可借助 TypeScript 提供静态类型支持，在开发阶段捕获类型问题
• 理解 null 和 undefined 的语义差异：前者是“有意为空”，后者是“尚未定义”

# javascript  # es6  # java  # typescript  # 栈  # proxy 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何注册花生壳免费域名并搭建个人网站？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  js实现点击每个li节点，都弹出其文本值及修改  浅析上传头像示例及其注意事项  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  详解jQuery停止动画——stop()方法的使用  Linux后台任务运行方法_nohup与&使用技巧【技巧】  Laravel PHP版本要求一览_Laravel各版本环境要求对照  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  java获取注册ip实例  如何快速搭建安全的FTP站点？  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  Python并发异常传播_错误处理解析【教程】  如何快速搭建高效服务器建站系统？  如何快速配置高效服务器建站软件？  消息称 OpenAI 正研发的神秘硬件设备或为智能笔，富士康代工  微信小程序 input输入框控件详解及实例（多种示例）  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  Laravel如何实现API版本控制_Laravel版本化API设计方案  Laravel定时任务怎么设置_Laravel Crontab调度器配置  Android中AutoCompleteTextView自动提示  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  如何在万网自助建站中设置域名及备案？  做企业网站制作流程,企业网站制作基本流程有哪些？  Laravel如何实现API速率限制？（Rate Limiting教程）  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Python高阶函数应用_函数作为参数说明【指导】  如何生成腾讯云建站专用兑换码？  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  Java类加载基本过程详细介绍  微信小程序 五星评分(包括半颗星评分)实例代码  Win11关机界面怎么改_Win11自定义关机画面设置【工具】  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  如何在IIS中新建站点并配置端口与IP地址？  Laravel如何使用Passport实现OAuth2？（完整配置步骤）  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  Laravel的契約(Contracts)是什么_深入理解Laravel Contracts与依赖倒置  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  iOS UIView常见属性方法小结  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  用yum安装MySQLdb模块的步骤方法  javascript如何操作浏览器历史记录_怎样实现无刷新导航  如何自定义建站之星网站的导航菜单样式？  Laravel如何理解并使用服务容器（Service Container）_Laravel依赖注入与容器绑定说明  原生JS获取元素集合的子元素宽度实例