值类型：也称为原始数据或原始值（primitive value）。
这类值存储在栈（stack）中，栈是内存中一种特殊的数据结构，也称为线性表，栈按照后进先出的原则存储数据，先进入的数据被压入栈底，最后插入（push）的数据放在栈顶，需要读取数据时从栈顶开始弹出（pop）数据，即最后一个数据被第一个读出来。因此说，值类型都是简单的数据段。变量的位置和变量值的位置是重叠的，也就是说值类型的数据被存储在变量被访问的位置。
引用类型：这类值存储在堆（heap）中，堆是内存中的动态区域，相当于自留空间，在程序运行期间会动态分配给代码和堆栈。
堆中存储的一般都是对象，然后通过一个编号传递给栈内变量，这个编号就是所谓的引用指针（point），这样变量和变量值之间是分离的，它们通过指针相联系。当读写数据时，计算机通过变量的指针找到堆中的数据块，并进行操作。
今天遇到一个坑，具体的不多说，直接上代码
我要评论
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 }, { '尺寸': 2 }, { '尺寸': 3 } ]
最后arr的结果居然是这样的
[ { '尺寸': 3 }, { '尺寸': 3 }, { '尺寸': 3 } ]
在一个基友群里问，最后终于自己得出结论了——这是因为值类型和引用类型不同的原因。
在javascript里的值大概分为两种，一种是值类型，一种是引用类型。
值类型：数值、布尔值、null、undefined
引用类型：对象、数组、函数
我们例子中的obj虽然每次打印出来都是不同的，但是因为是引用类型，arr也是引用类型，即使obj push到arr里面了，也只是push进去了一个内存地址而已，所以最后obj变成3了，arr里面引用的obj也会全部变成3。很神奇吧，最后解决的办法也很简单
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也不会被影响到，因为他们的内存地址根部不同。
以上所述是小编给大家介绍的javascript 值类型和引用类型的初次研究(推荐)，希望对大家有所帮助
如对本文有疑问， 点击进行留言回复！！
html+css+js适合前端小白的实战全解（超详细）——2048小游戏（一）
Cocos Creator 热更新工具BUG:重启游戏后热更新无效！（已解决）
网友评论