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

javascript数据类型有哪些_原始类型和引用类型有何不同?

云晨姑娘_9874

云晨姑娘_9874

发布时间:2026-01-10 20:29:02

|

503人浏览过

|

来源于php中文网

原创

JavaScript数据类型分原始类型和引用类型:原始类型共7种(string、number、boolean、null、undefined、symbol、bigint),按值传递;引用类型如Object、Array等,变量存储内存地址,按引用传递。

javascript数据类型有哪些_原始类型和引用类型有何不同?

JavaScript 数据类型分两类:原始类型(primitive)和引用类型(object)。区别不在“是不是对象”,而在值的存储方式和赋值/比较行为——原始类型按值传递,引用类型按内存地址传递。

原始类型有哪些?注意 null 和 undefined 的特殊性

共 7 种原始类型:string、number、boolean、null、undefined、symbol、bigint。

  • typeof null 返回 "object",这是历史遗留 bug,但 null 本质是原始类型
  • undefined 是未赋值或未声明变量的默认值;null 是开发者显式赋的“空值”
  • Symbol() 每次调用都生成唯一值,常用于对象属性名防冲突
  • BigInt 用后缀 n 表示,如 123n,不能和 number 混算(123n + 1 报错)

引用类型有哪些?Array、Function、Date 都是 Object 的实例

所有非原始类型的值都是引用类型,底层都继承自 Object。常见包括:

  • Object、Array、Function
  • Date、RegExp、Error
  • Map、Set、WeakMap、WeakSet
  • Promise、Proxy、Reflect

它们共性是:变量存储的是指向堆内存中实际数据的引用(指针),不是数据本身。

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

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

赋值和比较时行为差异最直观:看 === 和修改影响

原始类型比较值,引用类型比较地址——哪怕内容一模一样,两个 {} 也不相等。

let a = 42;
let b = a;
b = 99;
console.log(a); // 42 —— 原始类型赋值是拷贝值

let x = { name: "Alice" };
let y = x; // y 和 x 指向同一块内存
y.name = "Bob";
console.log(x.name); // "Bob" —— 修改 y 影响了 x

console.log({} === {}); // false
console.log([] === []); // false
console.log(/a/ === /a/); // false
  • 想深拷贝对象,不能只用 JSON.parse(JSON.stringify(obj)),它会丢掉 function、undefined、Symbol、循环引用
  • Object.is(a, b) 比 === 更严格,能区分 +0 和 -0,且 Object.is(NaN, NaN) 返回 true

检测类型别只信 typeof:用 instanceof 或 Object.prototype.toString.call()

typeof 对大部分引用类型都返回 "object",无法区分 Array、Date、null 等。

console.log(typeof []);      // "object"
console.log(typeof null);    // "object"
console.log(typeof new Date()); // "object"

// 更可靠的方式:
console.log(Object.prototype.toString.call([]));     // "[object Array]"
console.log(Object.prototype.toString.call(null));   // "[object Null]"
console.log(Object.prototype.toString.call(undefined)); // "[object Undefined]"

// 或用 instanceof(注意跨 iframe 会失效)
[] instanceof Array; // true
  • Array.isArray() 是检测数组的推荐方式,比 instanceof 更健壮
  • typeof 只对函数准确返回 "function",其他引用类型都不可靠

原始 vs 引用的核心不是“能不能改变”,而是“变量里存的是什么”。一个 const obj = {} 不可重新赋值,但 obj.prop = 1 完全合法——因为 const 锁的是绑定,不是对象内容。这点最容易被忽略。

相关文章

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

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

下载

相关标签:

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

热门AI工具

更多
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

讯飞智作

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

DeepSeek

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

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

豆包大模型

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

WorkBuddy

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

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

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

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2215

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3502

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1176

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4039

2025.09.10

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

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

3191

2023.10.31

php数据类型
php数据类型

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

554

2025.10.31

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

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

542

2026.02.12

string转int
string转int

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

6839

2023.08.02

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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