Javascript 对象复制(深浅拷贝)

时间:2022-11-26 19:51:33

一、数据类型分类:

  1. 基本变量
  2. 引用类型

二、什么叫做指针指向

栈内存、堆内存、指针指向(如下红圈圈的斜线)。

Javascript 对象复制(深浅拷贝)

三、赋值、拷贝、引用区别?

  1. 赋值一个变量赋予某个值,包含两种方式,一种是直接量,另一种,是将另一个变量的值传递给这个变量。拷贝和引用都属于后者
  2. 引用的目的将指针指向相同堆内存中的某一位置
  3. 拷贝的目的改变指针的指向,并且内部属性或者元素的值相等。基础数据类型在赋值过程就改变了指针指向,所以通常说,基础类型的引用只存在只读状态。复杂数据类型的指针指向包含两种一种是指针指向栈内存,另一种是指针指向堆内存,前者只需赋值即可,可后者没那么容易。
var person =  {
  name: 'lc',
  friends: ['xm','xm','xl']
}

从这段代码,我们很清楚知道person.nameperson.friends中的每个元素的指针指向栈内存,personperson.friends的指针指向堆内存,由此我们可以得出两点:

  1. 拷贝改变复杂数据类型的指针指向,必须是先改变指向堆内存的指针指向,如person的指针指向。
  2. 拷贝改变指针指向,可以只改person的指针向,这类叫做浅拷贝(浅复制);也可以改变personperson.friends等全部指针指向,这类通常叫做深拷贝(深复制)。

四、浅拷贝和深拷贝

浅拷贝只改变复杂数据类型内部分的指针指向,也就是不完全改变;深拷贝彻头彻底地改变所有指针指向,也就是完全改变

浅拷贝

以下列例代码为例:

var shallow_copy={};
for(var i in person) {
  shollow_copy[i] = person[i];
}

或者 es6 的 Object.assign()

深拷贝

实现的方法也是多种,大致上可以分为两类: 一类是json,另一类是递归循环遍历赋值。

其中最常见的是JQuery中$.extend()

ps: 理解这些,像es6语法中const,esm和commonJS模块的区别等问题就变得非常好理解。

像如何验证浅拷贝至改变部分指针指向、深拷贝具体实现方法有哪些等问题,也可以参考下面文档:

文档1
文档2
文档3