前端【数据类型】 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

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

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

相关推荐
想吃火锅10054 小时前
【leetcode】405.数字转换为十六进制数js
开发语言·javascript·ecmascript
程序员二叉4 小时前
【Java】集合面试全套精讲|HashMap/ArrayList高频考点完整版
java·面试·哈希算法
原则猫6 小时前
HOOKS 背后机制
前端
码语智行6 小时前
首页导航跳转功能深度解析-系统内和系统外
前端
不懂数据的小白6 小时前
面试题一:【三】AB实验入门(验证)
面试
阿猫的故乡6 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定
前端·javascript·vue.js
我叫黑大帅6 小时前
通过php 中的Route:: 的写法了解什么是静态类调用
后端·面试·php
IManiy7 小时前
总结之Vibe Coding前端骨架
前端
小和尚敲木头7 小时前
vue3 vite动态拼接图片路径
javascript
JS菌7 小时前
AI Agent 沙箱双层防护体系:从权限过滤到内核隔离的完整实现
前端·人工智能·后端