前端【数据类型】 No.1 Javascript的数据类型与区别

JavaScript 有哪些数据类型

JavaScript 有两种主要的数据类型分类: 原始类型和对象类型

原始类型是 JavaScript 中最基本的数据类型,它们是不可变的,按值存储。

原始类型有Number(数字)、String(字符串)、Boolean(布尔)、Undefined(未定义)、Null(空值)、Symbol(符号类型)、BigInt(大整数类型)

其中 Symbol 和 BigInt 是ES6 中新增的数据类型:

Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。

javascript 复制代码
let symbol1 = Symbol('test');
let symbol2 = Symbol('test');
console.log(symbol1 === symbol2); // false,每个 Symbol 都是唯一的

BigInt 是一种数字类型的数据,它可以表示任意精度格式的整数,使用 BigInt 可以安全地存储和操作大整数, 即使这个数已经超出了 Number 能够表示的安全整数范围。

对象类型是复杂的数据类型,可以包含多个值或方法。它们是可变的,按引用存储。 常见的对象类型有:Object、Array、Function、Data、RegExp

主要区别

1.存储方式:存储位置的不同

  • 原始类型 :按值存储在栈内存中
  • 对象类型 :按引用存储,实际对象在堆内存中,变量存储的是引用地址

2. 可变性

  • 原始类型 :不可变
  • 对象类型 :可变

3. 比较方式

  • 原始类型 :按值比较
  • 对象类型 :按引用比较
javascript 复制代码
// 原始类型比较值
let a = 10;
let b = 10;
console.log(a === b); // true

// 对象类型比较引用
let obj1 = { name: "张三" };
let obj2 = { name: "张三" };
console.log(obj1 === obj2); // false,不同的对象实例

let obj3 = obj1;
console.log(obj1 === obj3); // true,相同的引用

4. 传递方式:

  • 原始类型 :按值传递
  • 对象类型 :按引用传递
javascript 复制代码
// 原始类型按值传递
function changeValue(val) {
  val = 100;
}
let num = 50;
changeValue(num);
console.log(num); // 50,原始值未改变

// 对象类型按引用传递
function changeObject(obj) {
  obj.name = "李四";
}
let person = { name: "张三" };
changeObject(person);
console.log(person.name); // "李四",对象被修改了

5. 类型检测

javascript 复制代码
// typeof 用于原始类型
console.log(typeof 123);        // "number"
console.log(typeof "hello");    // "string"
console.log(typeof true);       // "boolean"
console.log(typeof undefined);  // "undefined"
console.log(typeof Symbol());   // "symbol"
console.log(typeof BigInt(123)); // "bigint"

// typeof 对于 null 和对象的特殊情况
console.log(typeof null);       // "object" (这是 JavaScript 的一个历史遗留问题)
console.log(typeof {});         // "object"
console.log(typeof []);         // "object"

// 更准确的对象类型检测
console.log(Object.prototype.toString.call(null));     // "[object Null]"
console.log(Object.prototype.toString.call([]));       // "[object Array]"
console.log(Array.isArray([]));                        // true

在操作系统中,内存被分为栈区和堆区:

栈区内存由编译器自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中的栈。 堆区内存一般由开发着分配释放,若开发者不释放,程序结束时可能由垃圾回收机制回收。

相关推荐
IMPYLH3 分钟前
HTML 的 <ins> 元素
前端·javascript·html
kymjs张涛5 分钟前
DeepSeek Harness源码分析:非 AI 开发者的 Agent 学习总结
前端·后端·面试
Dovis(誓平步青云)5 分钟前
番茄钟真正难的不是倒计时:启动、暂停、重置与页面销毁
android·服务器·前端
rannn_1118 分钟前
Java 后端面试题总结:点赞功能怎么实现?
java·后端·面试
一千柯橘8 分钟前
了解 dev-tools 不同的 debug 模式
前端
晨米酱8 分钟前
Umi Mock 如何从文件声明变成 HTTP 响应
前端·javascript·设计
小粉粉hhh10 分钟前
记录前端菜鸟的日常——自动打包脚本
前端
CodeStats19 分钟前
【Java进程通信】Java进程通信系统完全指南:从ProcessBuilder底层原理到多语言实战
java·前端·python·进程·ai编程·processbuilder
鸿蒙开发20 分钟前
鸿蒙 ArkTS 校验库 @hmkit/validator 0.5.0:国际化、错误码和 Schema 组合都来了
前端
wenruozhu22 分钟前
【面试题解】 Vue 响应式原理
前端·面试