基本数据类型 在深入探讨深拷贝和浅拷贝之前，我们需要先了解一下Javascript得数据类型。众所周知JavaScript得数据类型，分为基本数据类型和引用数据类型。那么这两种类型到底有什么区别？接下来我们详细的谈谈。 导图： js内存 接下来我们还需要了解一个重要的知识点 js中的内存 js中的内 ...
分类：
其他好文 时间：
2020-07-03 15:19:03
阅读次数：
60
总所周知，传参 或 使用变量给另一个变量赋值时，如果是基本数据类型（null，number，undefined，string，boolean）则是直接复制，但是如果是非基本数据类型（array，function，object等），则是复制对应的引用。 浅拷贝指的是只会复制第一层对象，但是当对象是引用 ...
分类：
其他好文 时间：
2020-07-03 01:18:19
阅读次数：
85
转自https://www.cnblogs.com/echolun/p/7889848.html 如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 此篇文章中也会简单阐述到栈堆，基 ...
分类：
其他好文 时间：
2020-07-02 16:46:37
阅读次数：
43
1.踩坑 1.1.深拷贝/浅拷贝 这实际上算不上vue的问题，算是js基础没打好的坑吧。 先来看一个简单的例子： let obj = {name:'fiona-SUN'}; let copyObj = obj; copyObj.name = 'fiona'; console.log(copyObj. ...
分类：
其他好文 时间：
2020-06-30 14:27:56
阅读次数：
41
1. 直接使用JSON.parse(JSON.stringify(Object))来进行缺点: 如果对象或者数组里有函数什么的, 就会出问题啦（也有解决办法） 2. 使用ES的扩展运算符...let newObj = { ...data }相当于 let newObj = Object.assign ...
分类：
Web程序 时间：
2020-06-30 12:42:32
阅读次数：
66
先看看啥叫深拷贝？啥叫浅拷贝？ 假设B复制了A，修改A的时候，看B是否发生变化： 如果B跟着也变了，说明是浅拷贝，拿人手短！（修改堆内存中的同一个值） 如果B没有改变，说明是深拷贝，自食其力！（修改堆内存中的不同的值） 深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指 ...
分类：
其他好文 时间：
2020-06-30 12:33:57
阅读次数：
57
<script> var b = { name : "333", say: function (func){ func(); }, prop:null } function deepClone(param){ let result = Array.isArray(param)?[]:{} if(pa ...
分类：
其他好文 时间：
2020-06-29 18:27:44
阅读次数：
61
浅拷贝与深拷贝 为了更好的理解js的深浅拷贝，我们先来理解一些js基本的概念 ##数据类型 javascript中的数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和复杂的数据类型（也称作引用数据类型-Object）。 当一个变量 ...
分类：
其他好文 时间：
2020-06-29 00:07:35
阅读次数：
92
思路：深拷贝一个对象（数组），就是要深拷贝对象（数组）中的每一个元素，很显然应当用递归实现。 递归退出条件：当传入的变量是基本类型，或为null时，直接返回变量本身。 递推工作：深拷贝每一个属性，注意用hasOwnProperty保证只拷贝自身的属性，不拷贝继承到的属性。 代码： function ...
分类：
Web程序 时间：
2020-06-27 09:55:14
阅读次数：
57
1、浅拷贝就是值的复制。对象因为是引用类型，所以它的值就是一个指针。当改变其中一个的时候，另一个也会改变。如下obj把它的指针复制给obj1 ,所以这两个对象指向同一个内存地址。当改变obj1的a属性后，obj的属性a也会发生变化。这就是浅拷贝。 let obj1 = {a:1}; let obj2 ...
分类：
其他好文 时间：
2020-06-26 01:26:14
阅读次数：
59
