(自用面试题)JavaScript数据类型有哪些?它们的区别是什么?

110 阅读1分钟

分类

JavaScript中数据类型可分为简单数据类型和复杂数据类型,简单数据类型包括Number、Boolean、String、Undefined、Null、Symbol,复杂数据类型包括Object、Array、Function、Date、RegExp、Math、Map、Set。

区别

二者之间的区别在于存储位置的不同:简单数据类型直接存储在栈中,占据空间小、大小固定。复杂数据类型存储在堆中,占据空间大、大小不固定;如果存储在栈中,将会影响程序运行的性能;它实质是在栈中存储了指针,该指针指向堆中该实体的起始地址,当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

eg:

  • 简单数据类型:
let a = 10;
let b = a;
b = 20;
console.log(a); // 10

(自用面试题)JavaScript数据类型有哪些?它们的区别是什么?0.png a的值为一个简单数据类型,是存储在栈中,将a的值赋给b,虽然两个变量的值相等,但是两个变量保存了两个不同的内存地址

  • 复杂数据类型:
var obj1 = {}
var obj2 = obj1;
obj2.name = "xxx";
console.log(obj1.name); // xxx

(自用面试题)JavaScript数据类型有哪些?它们的区别是什么?1.png 复杂数据类型实体存放在堆中,每个堆内存对象都有对应的引用地址指向它,引用地址存放在栈中。obj1是一个复杂数据类型,在赋值操作过程中实际是将堆内存对象在栈内存的引用地址复制了一份给了obj2,实际上他们共同指向了同一个堆内存对象,所以更改obj2会对obj1产生影响。