JS数据类型有哪些?存储上有什么区别?

简介: JS数据类型有哪些?存储上有什么区别?

首先数据类型一共有8种,这八种数据类型又分为基本数据类型和引用数据类型

基本数据类型:Undefined、Null、Boolean、Number、String、Symbol、BigInt

引用数据类型:Object [数组对象:Array 日期对象:Date 数学对象:Math 函数对象:Function 正则对象:RegExp]

基本数据类型:

【直接存储在栈内存中的,可以直接访问,赋值时是将原始值复制一份到新的变量中】

let num1 = 123; // 值为数字123,存储在栈内存中
let str1 = "hello world"; // 值为字符串"hello world",存储在栈内存中
let bool1 = true; // 值为布尔值true,存储在栈内存中
let null1 = null; // 值为null,表示空对象引用,存储在栈内存中
let undefined1 = undefined; // 值为undefined,表示未定义,存储在栈内存中
let sym1 = Symbol("foo"); // 值为符号,存储在栈内存中

引用数据类型:

【储在堆内存中的,变量中保存的实际上是一个指向堆内存中实际对象的指针。因此,它们的赋值是传递的是指针地址,而不是复制一份值】

let obj1 = { name: "Tom", age: 20 }; // 值为一个对象,存储在堆内存中
let arr1 = [1, 2, 3]; // 值为一个数组,存储在堆内存中
let fn1 = function() {}; // 值为一个函数,存储在堆内存中

原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;

引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定。如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

注:

引用类型的值是分配在堆内存中的,因此相应的访问时间、访问速度也会受到环境和内存使用情况的影响。

同时,由于引用类型的值是通过指针来访问的,所以相应的访问速度也会比较慢,而且需要更多的内存空间。

可以参考的博客:【说一说JS数据类型有哪些,区别是什么? - 知乎


相关文章
|
13天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
2天前
|
移动开发 JavaScript 前端开发
uni-app和Vue.js二者之间有什么区别?
1. uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者编写的基础代码只需进行一次编写,就可以发布到多个平台,包括App、H5、微信小程序等。 2. Vue.js是一个渐进式JavaScript框架,用于构建用户界面。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。
4 0
|
3天前
|
Web App开发 JavaScript 前端开发
Ecmascript 和javascript的区别
Ecmascript 和javascript的区别
8 0
|
5天前
|
JavaScript 前端开发
JS中浅拷贝和深拷贝的区别,浅拷贝的危害
JS中浅拷贝和深拷贝的区别,浅拷贝的危害
11 0
|
14天前
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
|
14天前
|
存储 JavaScript 前端开发
JavaScript引用数据类型
JavaScript引用数据类型
|
14天前
|
JavaScript 前端开发
JavaScript 基本数据类型
JavaScript 基本数据类型
|
14天前
|
JavaScript 前端开发
【Web 前端】JS中检测数据类型的有哪些?
【4月更文挑战第22天】【Web 前端】JS中检测数据类型的有哪些?
|
14天前
|
存储 前端开发 JavaScript
【Web 前端】JS数据类型有哪些?区别?
【4月更文挑战第22天】【Web 前端】JS数据类型有哪些?区别?