基本数据类型和引用数据类型存储的方式及复制

最新推荐文章于 2023-09-19 13:50:19 发布

原创最新推荐文章于 2023-09-19 13:50:19 发布 · 461 阅读

CC 4.0 BY-SA版权

文章标签：

本文深入探讨了JavaScript中栈堆存储的概念，分析了基本数据类型与引用数据类型的差异。通过实例展示了当两个变量引用同一对象时，如何影响对象的属性变化，并解释了这种现象背后的操作过程。理解这一机制对于优化JavaScript代码和避免潜在问题至关重要。

看以下现象：

var obj = { a: 2 };
var obj2 = obj;
obj2.a = 3;

obj		// { a: 3 }
obj2	// { a: 3 }

这种现象大家都不陌生，因为obj和obj2指向的是同一个对象，两者相互影响，那如果再往深处挖掘，这是一个什么样的过程呢，这个涉及到栈堆存储的概念。

在js中，按存储方式可将数据类型分为两种：

一是基本数据类型（string、number、undefined、null、boolean、symbol）.
二是引用数据类型（object），除了基本数据类型外，其余都是引用数据类型，包括函数、数组、正则表达式等。

基本数据类型大小固定，内存大小可分配，是直接按值存放的，访问的时候也是直接访问值，这种类型的数据直接存储在栈里。

引用数据类型属性可改，大小不固定，它在栈只存储一个指针，而实际内容存储在堆里，存在栈里的指针指向堆里的实际内容，当被访问的时候，是先访问指针，然后沿着指针的指向访问到堆里的实际内容。

所以，上面的代码操作是这样一个过程：

var obj = { a: 2 };		// obj的指针指向{ a: 2 }
var obj2 = obj;			// 将obj的指针赋值给obj2，此时obj2的指针也指向{ a: 2 }
obj2.a = 3;				// 将{ a: 2 }的a属性值改为3

因为obj和obj2的指针都指向同一个堆地址，所以此时两者都为{a: 3}