极客观点
项目管理
HarmonyOS
let obj1={a:1}
let obj2={b:{data:1}}
Object.assign(obj1,obj2)
console.log('obj1',obj1);
obj1.b=10为什么这段代码会输出
{
"a": 1,
"b": 10
}而不是
{
"a": 1,
"b": {
"data": 1
}
}呢？
Object assgin拷贝问题？
新手上路，请多包涵
阅读 8k
AI BotBETA### 回答
`Object.assign()` 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
在你的代码中：
let obj1 = {a:1};
let obj2 = {b:{data:1}};
Object.assign(obj1, obj2);
此时，`obj2` 中的属性 `b` 被复制到 `obj1` 中。但是，这里需要注意的是，`b` 是一个对象 `{data: 1}`，而 `Object.assign()` 是浅拷贝（shallow copy），即它只复制了对象的引用，而不是对象本身。因此，`obj1.b` 和 `obj2.b` 指向同一个对象 `{data: 1}`。
然而，接下来的代码：
obj1.b = 10;
这行代码并没有修改 `obj1.b` 所指向的对象的内容，而是直接改变了 `obj1.b` 的引用，使其指向了一个新的值 `10`。因此，`obj1` 和 `obj2` 的 `b` 属性不再共享同一个引用。
所以，当你打印 `obj1` 时：
console.log('obj1', obj1);
输出结果为：
{
"a": 1,
"b": 10}
而不是：
{
"a": 1,
"b": {
"data": 1
}}
因为 `obj1.b` 的引用已经被改变为 `10`，而 `obj2.b` 仍然指向 `{data: 1}`。
Object.assign()属于浅拷贝，即使你在操作obj1之前打印obj1,但是他是对象，操作后还是会影响输出的值，如果你不想使用浅拷贝，可以使用JSON.parse(JSON.stringfy())或者lodash的cloneDeep()来做深拷贝，则不会影响obj1的值
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}8 回答5.9k 阅读✓ 已解决
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}9 回答9.3k 阅读
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答4.9k 阅读✓ 已解决
两个promise问题？
第一个问题，这个为什么先输出3后输出2呢 {代码...} 第二个问题，这个为什么会交错输出呢，142536 {代码...} promise小白一枚，上述两个疑问，希望能得到详细的解答5 回答3.6k 阅读✓ 已解决
js如何在并发中同步两个fetch请求？
请求A的结果是B的参数，所以AB只能是同步请求，但有假设有100个AB请求，如何构造并发请求呢？ {代码...} 这个代码完全不行，等待时间太长了。假设一组AB耗时2s，上面的代码需要等待近1min才能获得数据，我希望能获得一组AB就显示一张图片，类似并行处理同步的AB？谢谢！7 回答9.9k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答7.2k 阅读✓ 已解决
宣传栏
这里的主要问题不在于 Object.assign，而在于 console.log，
当你点开这个 console.log 的记录时，就能看到旁边有一个叹号的图标，放上去就能看到提示了。
简单的说，对于对象而言 console.log 打印的实际是一个变量的引用指向，后续代码对对象值的改变会影响到最终看到的结果，要想避免这个问题，对于简单对象，可以使用 JSON 化进行处理。
console.log