Javascript 中参考值的记忆

JavaScript 将引用值存储在堆内存中，因此变量存储到指针/地址。因此，如果我们更改原始变量，它也会更改分配的变量：

var cols = ['red', 'blue', 'green']
var newCols = cols

cols.push('orange')

console.log(cols) 
// returns ["red", "blue", "green", "orange"]
console.log(newCols)
// returns ["red", "blue", "green", "orange"]

然而，当我尝试引用类型时，我发现，当我使用索引进行赋值和推送方法时，它们的行为逻辑与我没想到的不同：

var cols = ['red', 'blue', 'green']
var newCols=cols[1]
cols[1] = "pink"
console.log(cols)
// returns > ["red", "pink", "green"]
console.log(newCols)
// returns > "blue"  WHY?

But:

var cols = ['red', 'blue', 'green']
var newCols=cols
newCols[3] = 'orange'
cols.push('yellow')

console.log(cols)
// returns > ["red", "blue", "green", "orange", "yellow"]
console.log(newCols)
// returns > ["red", "blue", "green", "orange", "yellow"] WHY?

那么，这里的逻辑（“引擎盖下的想法”）是什么，在一个样本中，它影响原始内容，但在另一个样本中则不影响？

当你这样做时

var newCols=cols[1]

您基本上引用了该值cols[1]目前持有，并且有newCols也指一下。例如，说cols[1]，目前'blue'字符串，位于内存位置#5432。然后做newCols=cols[1] has newCols还指向#5432。

数组cols这也是对内存位置的引用的数组。所以['red', 'blue', 'green']可以被认为是[#987, #5432, #123]。重新分配其中一个索引会在该位置放置一个新的引用。后cols[1] = "pink"，你可以想到cols现在包含[#987, #333, #123].

原始项目位于#5432 - 'pink'- 不受影响。newCols，它指向#5432，仍然指向'pink'.

当你这样做时

var newCols=cols

the 整个数组容器是由两个变量指向的。例如，两者cols and newCols指向#55555。因此，改变其中一个将导致另一个也发生变化。

（“内存位置”是一个有用的可视化，但这并不一定意味着事情在幕后是如何工作的——这只是一种简单的思考方式）