深拷贝与浅拷贝

本文介绍了JavaScript中的浅拷贝和深拷贝概念。浅拷贝仅复制对象表面,改变其中一个对象会影响另一个。深拷贝则创建完全独立的副本,互不干扰。文章通过例子解释了JSON.parse和JSON.stringify如何实现深拷贝,以及jQuery.extend方法的深拷贝用法。
摘要由CSDN通过智能技术生成

  1、浅拷贝

    概念:子对象复制父对象,父子对象发生关联,两者属性值指向同一内存空间。简单来讲,就是改变其中一个对象,另一个对象也会跟着改变。

举例:

let a = [0,1,2],
     b = a;

a[0] = 3;

console.log(a,b) // [3,1,2] [3,1,2]

2、深拷贝

     概念:拷贝对象各个层级的属性。简单的讲,就是复制出来的每个对象都有属于自己的内存空间,不会互相干扰。

封装深拷贝

借用JSON对象的 parse 和 stringify 

原理:基本类型拷贝是直接在栈内存新开空间,直接复制一份名-值,两者互不影响。
而引用数据类型,比如对象,变量名在栈内存,值在堆内存,拷贝只是拷贝了堆内存提供的指向值的地址,而JSON.stringify()巧就巧在能将一个对象转换成字符串,也就是基本类型,那这里的原理就是先利用JSON.stringify()将对象转变成基本数据类型,然后使用了基本类型的拷贝方式,再利用JSON.parse()将这个字符串还原成一个对象,达到了深拷贝的目的。
 

借用 JQ 的 extend 方法实现深拷贝

  $.extend([deep], target, ...object);

  deep 表示深拷贝,Boolean

   target 目标对象

   ...object 需要进行合并的对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值