js中深拷贝与浅拷贝（堆内存、栈内存的关系）
栏目: JavaScript · 发布时间: 5年前
内容简介：基本数据类型有哪些，number，string，boolean，null，undefined，symbol以及未来ES10新增的BigInt(任意精度整数)七类。引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。深拷贝：简单来说假设B复制了A，当修改A时，B不发生变化
浅拷贝只会在引用类型中出现
基本数据类型有哪些，number，string，boolean，null，undefined，symbol以及未来ES10新增的BigInt(任意精度整数)七类。
引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。
首先看一下定义
深拷贝：简单来说假设B复制了A，当修改A时，B不发生变化
浅拷贝：简单来说假设B复制了A，当修改A时，B也发生变化
实际情况能碰到
let temp1 = {
a: 1
}
temp1 = temp2
temp2.a = 2
console.log(temp1.a) // 这里输出2
也就是temp1 复制了 temp2，temp2的值改变了，temp1也随之改变
以上是一个标准的浅拷贝
了解一下js中的堆内存与栈内存
在js引擎中对变量的存储主要有两种位置，堆内存和栈内存。
和 java 中对内存的处理类似，栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Undefined、Null，symbol以及对象变量的指针，这时候栈内存给人的感觉就像一个线性排列的空间，每个小单元大小基本相等。
而堆内存主要负责像对象Object这种变量类型的存储，如下图
引用类型中复制（浅拷贝）的只是栈内存中的指针，指向同一个堆内存的对象
如何实现深拷贝
最简单的方法就是JSON.stringify与JSON.parse方法
function deepClone(obj){
let _obj = JSON.stringify(obj),
objClone = JSON.parse(_obj);
return objClone
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝
- 简单的聊聊网络请求中的内存拷贝
- Netty基础系列(4) --堆外内存与零拷贝
- memcpy 速度太慢？掌握这个技术让内存拷贝效率成倍提升
- memcpy 速度太慢？掌握这个技术让内存拷贝效率成倍提升
- 感悟优化――Netty对JDK缓冲区的内存池零拷贝改造
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
