深入理解javaScript的深复制和浅复制

javascript有五种基本数据类型(也就是简单数据类型),它们分别是:Undefined,Null,Boolean,Number和String。还含有一种复杂数据类型,就是对象

注意Undefined和Null的区别,Undefined类型只有一个值,就是undefined,Null类型也只有一个值,也就是null
Undefined其实就是已声明未赋值的变量输出的结果
null其实就是一个不存在的对象的结果

var c;
console.log(c)//undefined

console.log(document.getElementById(‘wsscat‘))//没有id为wsscat的节点,输出null

简单的数据类型和复杂的数据类型有以下重要的区别

对于简单数据类型

它们值在占据了内存中固定大小的空间,并被保存在栈内存中。当一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本,还有就是不能给基本数据类型的值添加属性

var a = 1;
var b = a;
a.attr = ‘wsscat‘;
console.log(a.attr)//undefined

上面代码中a就是简单数据类型(Number),b就是a的副本,它们两者都占有不同位置但相等的内存空间

对于复杂的数据类型

复杂的数据类型即引用类型,它的值是对象,保存在堆内存中,包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针。从一个变量向另一个变量复制引用类型的值,复制的其实是指针,因此两个变量最终都指向同一个对象。

var obj = {
            name:‘wsscat‘,
            age:0
        }
        var obj2 = obj;
        obj2[‘c‘] = 5;
        console.log(obj);//Object {name: "wsscat", age: 0, c: 5}
        console.log(obj2);////Object {name: "wsscat", age: 0, c: 5}

我们可以看到obj赋值给obj2后,当我们更改其中一个对象的属性值,两个对象都发生了改变,究其原因局势因为obj和obj2这两个变量都指向同一个指针,赋值只是复制了指针,所以当我们改变其中一个的值就会影响另外一个变量的值

浅拷贝

其实这段代码就是浅拷贝,有时候我们只是想备份数组,但是只是简单让它赋给一个变量,改变其中一个,另外一个就紧跟着改变,但很多时候这不是我们想要的

var obj = {
            name:‘wsscat‘,
            age:0
        }
        var obj2 = obj;
        obj2[‘c‘] = 5;
        console.log(obj);//Object {name: "wsscat", age: 0, c: 5}
        console.log(obj2);////Object {name: "wsscat", age: 0, c: 5}

深拷贝

数组

对于数组我们可以使用slice()concat()方法来解决上面的问题
slice

var arr = [‘wsscat‘, ‘autumns‘, ‘winds‘];
        var arrCopy = arr.slice(0);
        arrCopy[0] = ‘tacssw‘
        console.log(arr)//[‘wsscat‘, ‘autumns‘, ‘winds‘]
        console.log(arrCopy)//[‘tacssw‘, ‘autumns‘, ‘winds‘]

concat

var arr = [‘wsscat‘, ‘autumns‘, ‘winds‘];
        var arrCopy = arr.concat();
        arrCopy[0] = ‘tacssw‘
        console.log(arr)//[‘wsscat‘, ‘autumns‘, ‘winds‘]
        console.log(arrCopy)//[‘tacssw‘, ‘autumns‘, ‘winds‘]

对象

对象我们可以定义一个新的对象并遍历新的属性上去实现深拷贝

var obj = {
            name:‘wsscat‘,
            age:0
        }

        var obj2 = new Object();
        obj2.name = obj.name;
        obj2.age = obj.age

        obj.name = ‘autumns‘;
        console.log(obj);//Object {name: "autumns", age: 0}
        console.log(obj2);//Object {name: "wsscat", age: 0}

当然我们可以封装好一个方法来处理对象的深拷贝,代码如下

var obj = {

name: ‘wsscat‘,

age: 0

}

var deepCopy = function(source) {

var result = {};

for(var key in source) {

if(typeof source[key] === ‘object‘) {

result[key] = deepCopy(source[key])

} else {

result[key] = source[key]

}

}

return result;

}

var obj3 = deepCopy(obj)

obj.name = ‘autumns‘;

console.log(obj);//Object {name: "autumns", age: 0}

console.log(obj3);//Object {name: "wsscat", age: 0}

在javascript中函数也是一种数据,能够像操作一个对象对它进行操作。并且javascript不进行数据类型检查,数组可以存放任何东西,在下面代码中我们不但在数组中存放了函数,并且也可以在存放一个执行函数的返回值,所以数组前两个数据存放都是函数执行返回值

var funcA = function() {
            console.log("funcA");
            return "hello funA";
        }
        var funcB = function() {
            console.log("funcB");
            return "hello funB";
        }
        var funcC = function() {
            console.log("funcC");
            return "hello funC";
        }
        var arr = [funcA(), funcB(), funcC];
        console.log(arr);
        arr[2]();

输出的结果如下

时间: 2024-10-12 08:18:33

深入理解javaScript的深复制和浅复制的相关文章

关于copy深复制与浅复制的理解

浅复制:浅复制(浅拷贝,指针拷贝,shallow copy),源对象和副本对象是同一个对象, 源对象(副本对象)引用计数器 + 1, 相当于做一次retain操作. 本质是:没有产生新的对象 深复制:(深拷贝,内容拷贝,deep copy),源对象和副本对象是不同的两个对象,源对象引用计数器不变, 副本对象计数器            为1(因为是新产生的) 本质是:产生了新的对象 *只有源对象和副本对象都不可变时,才是浅复制,其它都是深复制

iOS 集合的深复制与浅复制

概念 对象拷贝有两种方式:浅复制和深复制.顾名思义,浅复制,并不拷贝对象本身,仅仅是拷贝指向对象的指针:深复制是直接拷贝整个对象内存到另一块内存中. 一图以蔽之 再简单些说:浅复制就是指针拷贝:深复制就是内容拷贝. 集合的浅复制 (shallow copy) 集合的浅复制有非常多种方法.当你进行浅复制时,会向原始的集合发送retain消息,引用计数加1,同时指针被拷贝到新的集合. 现在让我们看一些浅复制的例子: NSArray *shallowCopyArray = [someArray cop

深复制与浅复制

概念 对象拷贝有两种方式:浅复制和深复制.顾名思义,浅复制,并不拷贝对象本身,仅仅是拷贝指向对象的指针:深复制是直接拷贝整个对象内存到另一块内存中. 一图以蔽之 再简单些说:浅复制就是指针拷贝:深复制就是内容拷贝. 集合的浅复制 (shallow copy) 集合的浅复制有非常多种方法.当你进行浅复制时,会向原始的集合发送retain消息,引用计数加1,同时指针被拷贝到新的集合. 现在让我们看一些浅复制的例子: NSArray *shallowCopyArray = [someArray cop

.NET中深复制与浅复制

概述: 在.NET里面,提供对象复制的功能,前提是实现ICloneable接口.ICloneable接口中有一个Clone方法, 可以在类中覆写实现自定义的拷贝方法.对象复制的实现方法有两种:深复制和浅复制. 深复制和浅复制: 浅复制,浅复制是指源对象与复制出来的对象共用一份实体,对其中任何一个对象的改动都会影响另外一个对象.相当于复制了指针. 深复制:指源对象与复制对象互相独立,为新对象重新分配了一段内存空间,并复制源对象的内容.其中任何一个对象的改动都不会对另外一个对象造成影响. 深浅复制与

实现 $.extend 的深复制和浅复制

$.extend 是jquery常用的一个方法,该方法通过传第一个布尔型参数可以指定为深复制还是浅复制,如何使用不在本文讨论. 先来理解下什么是深复制: var ob1 = {'name' : 'Jack' , 'child' : {'name' : 'Tom', 'age' : '7'}}; var ob2 = {'name' : 'Rose' , 'child' : {'name' : 'Mike'}}; 浅复制后的结果:{'name' : 'Jack' ,'child' : {'name'

(知其所以然 主题2)从底层分析OC中ARC和非ARC下深复制和浅复制

今天,在坊间听到有人在争论OC中关于NSString的深浅复制,听了下,感觉很有必要来一个分析总结,让我们从底层去了解OC中深浅复制的运作机制. 所谓copy就是在原有对象的基础上产生一个副本对象,遵循最关键的两点原则: 1. 改变原对象的属性和行为不会对副本对象产生任何影响 2. 改变副本对象的属性和行为不会对原对象产生任何影响 在理解了这一层之后,我们一起来研究下deep copy 和 shallow copy,因为苹果是一个非常注重性能的公司,所以拷贝在底层实现没那么简单: 以NSStri

js的深复制与浅复制

什么是深复制和浅复制? 深复制和浅复制的概念只存在于对象array和数组obj上. 浅复制是:模糊复制,就是不管对方是字符串类型还是引用类型都通通复制过来.结果两个变量的内容会同时变化. 深复制是:有目的的复制,就是只希望复制变量存储的内容. 深复制方法:let b = JSON.parse(JSON.strigify( a )): javascript值的类型有两种:字符串类型 和 引用类型 字符串类型的复制,值改变时不会影响到另一个变量,如: let a=7;  let b=a;  a=6;

OC 中 的copy 功能 深复制 和 浅复制 的 区别

系统的类要是实现copy拷贝的功能,必须先签订拷贝NSCopying的协议,然后实现对应的方法 在.h文件中得@interface Boy : NSObject 的后面需要签订拷贝NSCopying的协议 例子: 在.h文件中 @interface Boy : NSObject<NSCopying> 1. Boy类使用copy的方法 例子: Boy *boy =[Boy boyWithName:@"zhangyangyang" hobby:@"wan"]

C++学习基础七——深复制与浅复制

一.深复制与浅复制基本知识 深复制和浅复制,又称为深拷贝和浅拷贝. 深复制和浅复制的区别如下图1所示: 图1 图1表示的是,定义一个类CDemo,包含int a和char *str两个成员变量, 当深复制时,A中的指针str与B中的指针str指向不同的地址,只是地址所指向的数据相同. 当浅复制时,A中的指针str与B中的指针str指向相同的地址. 1.浅复制:如果我们自己不实现复制构造函数,则C++会自动合成一个复制构造函数,又称为浅复制构造函数. 2.深复制:如果使用指针或者系统资源(如数据库

python 字典深复制和浅复制

#!/usr/bin/python# -*- coding: UTF-8 -*- import copydict1 = {'user': 'vickey', 'num': [1, 2, 3],'age':{'a':'1','b':'2'}}dict2 = dict1 # 对原始数据的任何操作都会影响该复制# 先进行数据的浅复制和深复制操作dict3 = dict1.copy() # 浅复制: 一级为引用对象,二级为拷贝:原始数据的二级目录改变了,浅复制的数据的二级目录也会改变,但一级目录不变di