JavaScript 值类型和引用类型的初次研究(推荐)

值类型：也称为原始数据或原始值（primitive value）。

这类值存储在栈（stack）中，栈是内存中一种特殊的数据结构，也称为线性表，栈按照后进先出的原则存储数据，先进入的数据被压入栈底，最后插入（push）的数据放在栈顶，需要读取数据时从栈顶开始弹出（pop）数据，即最后一个数据被第一个读出来。因此说，值类型都是简单的数据段。变量的位置和变量值的位置是重叠的，也就是说值类型的数据被存储在变量被访问的位置。

引用类型：这类值存储在堆（heap）中，堆是内存中的动态区域，相当于自留空间，在程序运行期间会动态分配给代码和堆栈。

堆中存储的一般都是对象，然后通过一个编号传递给栈内变量，这个编号就是所谓的引用指针（point），这样变量和变量值之间是分离的，它们通过指针相联系。当读写数据时，计算机通过变量的指针找到堆中的数据块，并进行操作。

今天遇到一个坑，具体的不多说，直接上代码

rush:js;"> var a = [ [],[],[1,2,3] ] var b = ['颜色','大小','尺寸'] var arr = [] for(let i = 0; i < a.length; i ++){ let obj = {} for(let j = 0; j < a[i].length; j ++){ obj[b[i]] = a[i][j] arr.push(obj) console.log(arr) console.log(obj) }

}
console.log(arr)

我预期的 arr 的结果应该是

rush:js;"> [ { '尺寸': 1 },{ '尺寸': 2 },{ '尺寸': 3 } ]

最后arr的结果居然是这样的

rush:js;"> [ { '尺寸': 3 },{ '尺寸': 3 },{ '尺寸': 3 } ]

在一个基友群里问，最后终于自己得出结论了——这是因为值类型和引用类型不同的原因。

在JavaScript里的值大概分为两种，一种是值类型，一种是引用类型。

值类型：数值、布尔值、null、undefined

引用类型：对象、数组、函数

我们例子中的obj虽然每次打印出来都是不同的，但是因为是引用类型，arr也是引用类型，即使obj push到arr里面了，也只是push进去了一个内存地址而已，所以最后obj变成3了，arr里面引用的obj也会全部变成3。很神奇吧，最后解决的办法也很简单

rush:js;"> var a = [ [],'尺寸'] var arr = [] for(let i = 0; i < a.length; i ++){ for(let j = 0; j < a[i].length; j ++){ let obj = {} obj[b[i]] = a[i][j] arr.push(obj) } } console.log(arr)

只要把obj的声明放在最内层的循环里面，每次循环都会是单独的一个内存地址，这样最后的obj即使变成了3，前面的obj也不会被影响到，因为他们的内存地址根部不同。

以上所述是小编给大家介绍的JavaScript 值类型和引用类型的初次研究(推荐)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。