js中深拷贝与浅拷贝(堆内存、栈内存的关系)

栏目: JavaScript · 发布时间: 6年前

内容简介:基本数据类型有哪些,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这种变量类型的存储,如下图

js中深拷贝与浅拷贝(堆内存、栈内存的关系)

引用类型中复制(浅拷贝)的只是栈内存中的指针,指向同一个堆内存的对象

如何实现深拷贝

最简单的方法就是JSON.stringify与JSON.parse方法

function deepClone(obj){
        let _obj = JSON.stringify(obj),
            objClone = JSON.parse(_obj);
        return objClone
    }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Python编程快速上手

Python编程快速上手

Albert Sweigart / 王海鹏 / 人民邮电出版社 / 2016-7-1 / 69.00元

如今,人们面临的大多数任务都可以通过编写计算机软件来完成。Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。通过Python编程,我们能够解决现实生活中的很多任务。 本书是一本面向实践的Python编程实用指南。本书的目的,不仅是介绍Python语言的基础知识,而且还通过项目实践教会读者如何应用这些知识和技能。本书的首部分介绍了基本Python编程概念,第二部分介绍了一些不......一起来看看 《Python编程快速上手》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具