新闻中心
j*ascript有哪些数据类型_如何区分原始类型与引用类型
J*aScript有6种原始类型:string、number、boolean、null、undefined、symbol、bigint;引用类型包括Object、Array、Function等对象结构,核心区别在于赋值、比较、可变性和检测方式。

J*aScript 有 7 种数据类型:6 种原始类型(primitive types)和 1 种引用类型(reference type),但严格来说,引用类型是一大类,包含多个具体对象类型。
原始类型有哪些?
原始类型是不可变的、按值传递的基本数据单元,共 6 种:
-
string:文本,如
"hello" -
number:整数和浮点数,如
42、3.14 -
boolean:逻辑值,
true或false -
null:空值,一个独立的原始类型(尽管
typeof null === "object"是历史 bug) - undefined:未赋值或未声明变量的默认值
- symbol(ES6 新增):唯一且不可变的标识符,常用于对象属性键
-
bigint(ES2025 新增):表示任意精度的整数,如
123n
✅ 小技巧:用 typeof 可准确识别所有原始类型(除 null 外);typeof null 返回 "object",需单独判断。
引用类型有哪些?
引用类型是可变的、按引用传递的对象结构,它们在内存中以地址形式存在。常见引用类型包括:
-
Object:普通对象,如
{ name: "Alice" } -
Array:数组,如
[1, 2, 3] -
Function:函数,如
function() {}(函数在 JS 中是“一等对象”) - Date、RegExp、Error 等内置构造器实例
- Map、Set、WeakMap、WeakSet
- Promise、Proxy、Reflect
-
自定义 class 实例,如
class Person {}; new Person()
⚠️ 注意:typeof 对大部分引用类型返回 "object"(函数除外,返回 "function"),所以不能单靠 typeof 区分数组、日期、正则等。推荐用 Object.prototype.toString.call(value) 获取精确类型,例如:
Glarity
Glarity是一款免费开源的AI浏览器扩展,提供YouTube视频总结、网页摘要、写作工具等功能,支持免费的镜像翻译,电子邮件写作辅助,AI问答等功能。
131
查看详情
→ Object.prototype.toString.call([]) 返回 "[object Array]"→
Object.prototype.toString.call(/abc/) 返回 "[object RegExp]"
原始类型 vs 引用类型的核心区别
关键不在“存哪里”,而在“怎么传、怎么比较、怎么修改”:
- 赋值方式不同:原始类型赋值是复制值本身;引用类型赋值是复制内存地址(即两个变量指向同一块堆内存)
-
比较方式不同:原始类型用
==或===比较值是否相等;引用类型只有指向同一个对象时才相等(===比的是地址) -
可变性不同:原始类型不可变(字符串拼接其实是新建字符串);引用类型内容可随时修改(如
arr.push(4)) -
检测方式不同:原始类型用
typeof(除 null);引用类型建议用Object.prototype.toString.call()或Array.isArray()、instanceof等针对性方法
一个快速区分的小结
遇到一个值,想快速判断它是原始还是引用类型,可以这样操作:
- 先用
typeof value:如果结果是"string"/"number"/"boolean"/"symbol"/"bigint"/"undefined"→ 原始类型
如果是"function"→ 引用类型(函数)
如果是"object"→ 需进一步判断(可能是null、数组、对象、日期等) - 再对
"object"类型做value === null ? "null" : Object.prototype.toString.call(value).slice(8, -1),就能得到真实类型名 - 顺手记一句口诀:原始六(七)种小而稳,引用万物皆对象
基本上就这些。不复杂,但容易忽略细节,尤其 null 和 typeof 的陷阱。
以上就是j*ascript有哪些数据类型_如何区分原始类型与引用类型的详细内容,更多请关注其它相关文章!
# 如何实现
# 青岛模版网站优化哪家好
# 报价网站建设工程
# 百度推广网站怎么注册不了了
# 侯马网站优化多少钱
# 寿阳网站推广哪家好
# 如何进行网站运营推广
# 东莞论坛型网站建设排名
# 传统手工网站优化排名
# 玲珑宝抖音seo
# 贵阳网络营销推广工作室
# 就能
# 的是
# javascript
# 如何用
# 有什么区别
# 如何解决
# 等功能
# 可以使用
# 中文网
# 有哪些
# 区别
# proxy
# js
# java
# es6
相关栏目:
【
科技资讯46185 】
【
网络学院92790 】
相关推荐:
HTML元素状态管理:根据DIV内容动态启用/禁用按钮
痛风发作了怎么办? 快速止痛和后期饮食调理
J*aScript教程:根据元素文本内容动态设置背景色
J*a TimerTask文件监控:HashMap状态管理与常见陷阱规避指南
Sublime Text怎么设置垂直标尺_Sublime配置Rulers规范代码长度
2026春节假期票务安排_2026春节放假购票指南
GemBox Document HTML转PDF垂直文本渲染问题及解决方案
漫蛙漫画官方首页 漫蛙2漫画在线阅读入口
极速漫画官方主页网址 极速漫画漫画在线浏览官网链接
MAC怎么安装Homebrew包管理器_MAC为开发者和高级用户安装命令行工具
Lar*el的路由模型绑定怎么用_Lar*el Route Model Binding简化控制器逻辑
铁路12306改签能改到更早的车次吗_铁路12306改签提前车次规则
Descript怎样用AI剪辑自动去噪_Descript用AI剪辑自动去噪【自动降噪】
荣耀Play7TPro怎样在信息App置顶客服对话_iPhone荣耀Play7TPro信息App置顶客服对话【优先查看】
蛙漫官网漫画入口地址_蛙漫在线畅读无广告弹窗
css元素hover动画延迟生效怎么办_使用animation-delay调整触发时间
Win11文件资源管理器卡顿怎么修 Win11重置资源管理器进程优化响应速度【修复方法】
Win10桌面图标出现小盾牌怎么办 Win10去除UAC图标教程【解决】
React Hooks最佳实践:动态组件状态管理的组件化方案
QQ邮箱官方登录入口_QQ邮箱网页版快捷使用平台
如何使用Rector自动化升级旧代码_通过Composer安装和配置Rector进行代码重构
快手官方唯一登录入口 谨防山寨钓鱼网站
PySpark中从现有列右侧提取可变长度字符创建新列的教程
Spyder启动失败:字体文件权限拒绝错误解决方案
抖音网页版怎么|直播|_抖音网页版开播操作指南
AO3官方镜像站点汇总 AO3同人作品网页版直达链接
Golang如何测试channel通信行为_Golang channel通信测试与分析方法
Tabulator表格日期时间排序问题及自定义解决方案
Lar*el如何正确地在控制器和模型之间分配逻辑_Lar*el代码职责分离与架构建议
Windows10怎么开启存储感知 Windows10系统设置自动清理临时文件释放C盘空间【教程】
PDO预处理语句中冒号的正确处理:区分SQL函数格式与命名占位符
Yandex免登录官网入口_俄罗斯Yandex搜索引擎直达链接
百度浏览器字体显示异常偏小_百度浏览器字体渲染修复方案
win11开机启动修复循环怎么办 Win11无法进入系统高级启动解决方法【修复】
护手霜蹭到袖口上了如何清洗? 怎样避免留下一圈油印?
qq音乐在线播放入口_qq音乐电脑版登录链接
qq游戏手机版下载安装_qq游戏移动端入口
从J*aScript对象中精确提取指定属性的教程
2026春节假期时间安排 2026春节假日查询
QQ邮箱登录官网首页 腾讯QQ邮箱网页入口
谷歌学术网站直达地址 谷歌学术搜索网页版一键进入
c++项目目录结构应该如何组织_c++工程化项目结构规范
Python中高效访问嵌套字典与列表中的键值对
微信群消息显示延迟如何解决 微信群消息刷新优化方法
CSS Flexbox与媒体查询:实现响应式布局中元素的并排与堆叠
红果短剧网页版官网入口 官方最新网址发布
Word2013如何插入视频和音频媒体_Word2013媒体插入的多媒体支持
蓝湖怎样用切图标注提对接效率_蓝湖用切图标注提对接效率【设计对接】
qq邮箱发邮件给国外发不出去_QQ邮箱国际邮件发送失败原因与解决
Win11怎么安装Linux子系统 Win11 WSL2安装Ubuntu及环境配置指南


2025-12-14
浏览次数:次
返回列表
Array、Function等对象结构,核心区别在于赋值、比较、可变性和检测方式。