ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
JS基本数据类型:Undefined、Null、Boolean、Number、String、Symbol (new in ES6)
JS引用类型:统称为 Object 类型。细分的话,有:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等
基本类型的变量是存放在栈内存(Stack)里的,栈内存中包括了变量的标识符和变量的值
因为:原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 - 栈中。这样存储便于迅速查询变量的值。
引用类型的值是保存在堆内存(Heap)中的对象(Object)
【栈内存中保存了变量标识符和指向堆内存中该对象的指针】
【堆内存中保存了对象的内容】
因为:引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查询的速度。
放在栈空间中的值是该对象存储在栈中的地址;地址的大小是固定的,所以把它存储在栈中。
JavaScript 不能直接操作对象的内存空间(堆内存)
var a = {name:"percy"};
var b;
b = a;
a.name = "zyj";
console.log(b.name); // zyj
b.age = 22;
console.log(a.age); // 22
var c = {name: "zyj",age: 22
};
“a"赋值给"b”,是这个堆内存对象在栈内存的引用地址复制了一份给b,但实际上它们指向了同一个堆内存对象。
引用类型的比较是引用的比较
var obj1 = {}; // 新建一个空对象 obj1
var obj2 = {}; // 新建一个空对象 obj2
console.log(obj1 == obj2); // false
console.log(obj1 === obj2); // false
因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象,故变量 obj1 和 obj2 的值(引用地址)也是不一样的!
总结区别
1. 声明变量时不同的内存分配
1)原始值:存储在栈(stack)中的简单数据段。
2)引用值:储存在堆(heap)中的对象。(所以如果console一个临时存储的引用数据,会调用堆内存对象,本该用完销毁的因为console调用,不会销毁)
2. 不同的内存分配机制也带来了不同的访问机制
1)在JavaScript中是不允许直接访问保存在堆内存中的对象的,所以在访问一个对象时,首先得到的是这个对象在堆内存的地址,然后再按照这个地址去获取这个对象中的值,这就是 按引用访问。
2)而原始(基本)类型的值则是可以直接访问的。
3. 复制变量时的不同
1)原始值:在将一个保存着原始值的变量复制给另一个变量时,会将原始值的副本赋值给新变量,此后这两个变量是完全独立的,他们只是拥有相同的value而已。
2)引用值:在将一个保存着原始值的变量赋值给另一个变量时,会把这个内存地址赋值给新变量。也就是说这两个变量都指向了内存中的同一对象,它们中任何一个做出的改变都会反映到另一个身上。(这里要理解一点的就是,复制对象时并不会在堆内存中新生成一个一模一样的对象,只是对了一个保存指向这个对象指针的变量而已)。
4. 参数传递的不同(把实参复制给形参的过程)
1)原始值:只是把变量里的值传递给参数,之后参数和这个变量互不影响。
2)引用值:对象变量里面的值是这个对象在堆内存中的内存地址。因为它传递的值也就是这个内存地址,这也是为什么函数内部对这个参数的修改会体现在外部的原因了,因为他们都指向同一个对象。
原文1:https://segmentfault.com/a/1190000006752076
原文2:https://juejin.cn/post/6992460438902423589