JavaScript 值类型和引用类型的初次研究(推荐)
网络 2017-09-02 1327
值类型：也称为原始数据或原始值（primitive value）。
这类值存储在栈（stack）中，栈是内存中一种特殊的数据结构，也称为线性表，栈按照后进先出的原则存储数据，先进入的数据被压入栈底，最后插入（push）的数据放在栈顶，需要读取数据时从栈顶开始弹出（pop）数据，即最后一个数据被第一个读出来。因此说，值类型都是简单的数据段。变量的位置和变量值的位置是重叠的，也就是说值类型的数据被存储在变量被访问的位置。
引用类型：这类值存储在堆（heap）中，堆是内存中的动态区域，相当于自留空间，在程序运行期间会动态分配给代码和堆栈。
堆中存储的一般都是对象，然后通过一个编号传递给栈内变量，这个编号就是所谓的引用指针（point），这样变量和变量值之间是分离的，它们通过指针相联系。当读写数据时，计算机通过变量的指针找到堆中的数据块，并进行操作。
今天遇到一个坑，具体的不多说，直接上代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | 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 的结果应该是
1 | [ { '尺寸': 1 }, { '尺寸': 2 }, { '尺寸': 3 } ] |
最后arr的结果居然是这样的
1 | [ { '尺寸': 3 }, { '尺寸': 3 }, { '尺寸': 3 } ] |
在一个基友群里问，最后终于自己得出结论了——这是因为值类型和引用类型不同的原因。
在JavaScript里的值大概分为两种，一种是值类型，一种是引用类型。
值类型：数值、布尔值、null、undefined
引用类型：对象、数组、函数
我们例子中的obj虽然每次打印出来都是不同的，但是因为是引用类型，arr也是引用类型，即使obj push到arr里面了，也只是push进去了一个内存地址而已，所以最后obj变成3了，arr里面引用的obj也会全部变成3。很神奇吧，最后解决的办法也很简单
1 2 3 4 5 6 7 8 9 10 11 | var a = [ [],[],[1,2,3] ] var b = ['颜色','大小','尺寸'] 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也不会被影响到，因为他们的内存地址根部不同。
