对象接收表情参数怎么去除_JavaScript中对象的浅复制和深复制

原创：前端二牛

在JavaScript中，如果要复制一个变量我们应该怎么做呢？下面这种做法是最简单的一种形式：

1. //把a复制给b
2. let a
3. =
5. 12
6. ;
7. let b
8. =
9. a
10. ;

这种复制方法只能适用于基本类型，如果 a是对象怎么办呢？我们先来看看上面的代码在内存中做了什么事：

声明了变量 a=12，栈内存会分配一块区域来存储，如上图所示。把 a赋给 b，会在栈中重新开辟一块区域来存储 b，并且 b的值就是 a的值。

假如 a是对象，内存做了什么事呢？来看下面的例子：

1. let
2. a
3. =
5. {};
6. let
7. b
8. =
9. a
10. ;

如图所示，对象是存储在堆内存中的，栈中保存的是地址值，使用这种方式复制对象只不过是复制了该对象的引用而已，对象实体还是只有一个。那么对象应该怎样复制呢？对象的复制其实也就是产生一个一模一样的对象，对象包含属性和方法，我们创建一个新对象，将旧对象的属性和方法赋给新对象，这样不就是复制了一个对象吗？顺着这个思路，我们来看下面的代码：

1. function
2. copy
3. (
4. obj
5. ){
7. //基本类型和函数直接返回
9. if
10. (!(
11. obj
12. instanceof
14. Object
15. )
17. ||
19. typeof
20. obj
21. ===
23. 'function'
24. )
26. return
27. obj
28. ;
29. let newObj
30. =
32. {};
34. if
35. (
36. obj
37. instanceof
39. Array
40. )
41. newObj
42. =
44. [];
46. for
47. (
48. let p in obj
49. ){
50. newObj
51. [
52. p
53. ]
55. =
56. obj
57. [
58. p
59. ];
61. }
63. return
64. newObj
65. ;
66. }
67. let p
68. =
70. {
71. name
72. :
74. 'bob'
75. ,
76. friends
77. :
79. [
80. 'jack'
81. ,
83. 'rose'
84. ]
85. }
86. let p2
87. =
88. copy
89. (
90. p
91. );
92. console
93. .
94. log
95. (
96. p2
97. );

定义一个 copy函数，接收一个参数，用以实现对象的复制，如果参数是基本类型或函数就直接返回。函数体内声明一个新对象 newObj，然后遍历参数 obj，将其每一个属性都赋给 newObj，最后返回 newObj。接着使用 copy方法生成了 p的一个复制对象 p2，结果如下图所示：

但是这样有一个问题，我们来看下面的代码：

1. p2
2. .
3. friends
4. .
5. push
6. (
7. 'lily'
8. );
9. console
10. .
11. log
12. (
13. p2
14. .
15. friends
16. );
17. //["jack