浅拷贝4(Object.assign)

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
  head>
  <body>
    
    <script>
      /* 基本数据类型 */
      let obj1 = { a: 1 }
      let obj2 = Object.assign({}, obj1)
      console.log(obj2) // { a: 1 }

      obj1.a = 2
      console.log(obj1) // { a: 2 }
      console.log(obj2) // { a: 1 }

      

      /* 引用类型 */
      let obj3 = { a: { b: 1 }, c: 1 }
      let obj4 = Object.assign({}, obj3)
      console.log(obj4) // { a: { b: 1 }, c: 1 }

      obj3.a.b = 2 // 引用类型会影响
      obj3.c = 3 // 基本类型不影响
      console.log(obj3) // { a: { b: 2 }, c: 3 }
      console.log(obj4) // { a: { b: 2 }, c: 1 }
    script>
  body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

相关阅读:
【QT】事件分发器/事件过滤器/事件处理的介绍和使用
RAID知识点总结
Linux-文件和目录
虾皮插件能做数据分析的-知虾数据分析插件Shopee大数据分析平台
NFT游戏有哪些？盘点当前热门的NFT游戏
zynq平台移植python3.10.5
PTA 7-190 第几个幸运数
把握鸿蒙生态机遇，共创智能应用未来
窗口信息保存
Java简历与面试

原文地址：https://blog.csdn.net/weixin_47021982/article/details/126798648