在什么情况下我们会在 javascript 中创建新的内存引用？

Question

我在这里遇到了一些关于参考与价值的问题 https://gist.github.com/MeeranB/238e085aac8a9abc53ad8a297b03671c 基本上我已经选择了一个 HTMLCollection，并使用 Array.from 方法将其转换为一个数组，但是我有点困惑，因为使用 Array. from 方法完全创建了一个新数组，因此我假设将这个新数组存储在内存中的不同地址。

我预计只有 divsWithClassArray 对象会在我的 forEach 循环之后发生变化，而不是 divsWithClass HTMLCollection

有没有人解释一下这里的后台发生了什么？

/* Assigns divsWithClass HTMLCollection object value to place 1 in 
memory */

const divsWithClass = document.getElementsByClassName("div-class");

//Assigns Array object to place 2 in memory

const divsWithClassArray = Array.from(divsWithClass);

divsWithClassArray.forEach(div => (div.style.color = "green"));

/* How does divsWithClassArray reference the same memory address as 
divsWithClass
if the array.from method creates a new array and we assign it to a new 
variable? */

Answer 1

如果你已经知道在这种情况下

const a = {x: 1};
const b = a;

b 和 a 都指向同一个对象 {x:1}，因此更改 b.x 更改 a.x - 然后将您的代码视为本质上是这样的

const divsWithClass = document.getElementsByClassName("div-class");
const divsWithClassArray = [];
for (let i = 0; i < divsWithClass.length; i++) {
    divsWithClassArray.push(divsWithClass[i]);
    // or divsWithClassArray[i] = divsWithClass[i]
}

以上是在Array.from 存在于旧时代（2015 年之前？）之前我们必须做的一种方式，并产生与

相同的结果

const divsWithClass = document.getElementsByClassName("div-class");
const divsWithClassArray = Array.from(divsWithClass);