浅拷贝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

相关阅读:
java计算机毕业设计web企业人事管理信息系统源码+mysql数据库+系统+lw文档+部署
bean的生命周期
我们在讲的 Database Plus，到底能解决什么样的问题？
关于Android Studio 同步Gradle失败的解决方案
突破“三个九”！离子阱量子计算再创新高
【改造后序遍历算法】95. 不同的二叉搜索树 II
焊死，这38条命令还不会？难怪你的Windows那么费劲
深入刨析 mysql 底层索引结构B+树
找不到msvcp120.dll怎么办？msvcp120.dll修复方法分享！
五大靠谱的婚恋相亲APP详细特点缺点分析！

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