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

相关阅读:
初始Cpp之八、类和对象
互融云供应链集采管理平台：助企业快速打造供应链金融生态圈
INTELlij IDEA编辑VUE项目
java知识回顾笔记（对象、反射、内省、实例、父类、构造方法、封装、泛型、super()）
Redis源码学习（30），字典学习，dict.h
Java“对象”
前端 JS 经典：JSON 对象
kube-scheduler 调度流程
Android最近的行情到底怎么样了？还能好转吗？
初识OpenGL (2)编译着色器

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