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

云晨姑娘_9874

云晨姑娘_9874

2026-01-10

503人浏览

原创

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

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

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

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

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

下载

相关标签:

javascript java js json proxy

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

相关专题

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

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

2023.08.07

2215

5

json是什么
json是什么

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

2023.08.23

3502

1

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

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

2023.10.13

1176

3

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

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

2025.09.10

4039

7

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

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

2023.10.31

3191

5

php数据类型
php数据类型

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

2025.10.31

554

9

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

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

2026.02.12

542

19

string转int
string转int

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

2023.08.02

6859

3

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

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

2023.11.13

2150

6

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习