浏览器的的展开问题

柳晓黑胡椒

已于 2025-03-25 11:12:30 修改

阅读量498

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # 知识储备文章标签： javascript 前端 es6

于 2022-03-02 16:10:15 首次发布

柳晓黑胡椒

本文链接：https://blog.youkuaiyun.com/hr_beginner/article/details/123232814

知识储备专栏收录该内容

10 篇文章

订阅专栏

本文探讨了JavaScript中对象赋值给数组后，修改原对象属性如何影响数组元素的问题。在浏览器环境中，当展开数组时，浏览器会实时获取对象的最新值。而在Node环境下，结果同样如此，显示了JavaScript的引用类型特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var a = { name: 1 };
var arr = [a];
console.log(arr); //[{name:2}]  flag1处
console.log(arr[0]); //{name:1}
a.name = 2;
console.log(arr); //[{name:2}]
console.log(arr[0]); //{name:2}

浏览器的打印结果为
在这里插入图片描述
我想这个问题，越想越没头绪，后面答案是

当我们点击展开时，浏览器才会去内存中取值，而这是 flag1的name早就变成了 2

在node环境下验证一下
在这里插入图片描述