jquery深拷贝和浅拷贝

var obj1 = { a: 1 };var obj2 = { b: {bbb: 2} };function Clone(){//浅拷贝 拷贝到obj1值会被改变 在一个栈中    $.extend(obj1, obj2);    console.log(‘clone result, obj1.b.bbb: ‘ + obj1.b.bbb);//2    obj2.b.bbb = 1;    console.log(‘clone result, obj1.b.bbb: ‘ + obj1.b.bbb);//1}
function deepClone(){//深拷贝 拷贝到obj1值不会被改变 在新栈中    $.extend(true, obj1, obj2);    console.log(‘deep result, obj1.b: ‘ + obj1.b);//2    obj2.b = 1;    console.log(‘deep result, obj1.b: ‘ + obj1.b);//2}

jQuery源代码解析:一、深拷贝,当所复制的对象是数组或者对象时,就应该递归调用extend:

二、浅拷贝:

  

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

jquery深拷贝和浅拷贝的相关文章

Javascript学习之深拷贝和浅拷贝详解

在JavaScript 中,存在着这样的两种拷贝方式.分别是:深拷贝和浅拷贝,这两种拷贝在实际中非常的常见,如果读者是一个阅读源码的爱好者,相信多多少少对深拷贝和浅拷贝有所了解.本文和大家分享的就是深拷贝和浅拷贝相关内容,一起来看看吧,希望对大家 学习javascript有所帮助. 一.浅拷贝 浅拷贝在现实中最常见的表现在赋值上面,例如 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

$.extend()的深拷贝和浅拷贝详细讲解

版权声明:作者原创,转载请注明出处! 语法:jQuery.extend( [deep ], target, object1 [, objectN ] ) 描述: 将两个或更多对象的内容合并到第一个对象. 关于$.extend()的用法网上有很多文章,在这里指向写写对深浅拷贝的理解 深浅拷贝对应的参数就是[deep],是可选的,为true或false.默认情况是false(浅拷贝),并且false是不能够显示的写出来的.如果想写,只能写true(深拷贝)~~ 什么是深.浅拷贝呢?先讲定义,再举例子

js 中引用类型 的深拷贝 和 浅拷贝的区别

一.曾经在读JQ源码的时候,对深拷贝算是有了一点的理解.我们在项目中是不是经常会遇到这样的问题呢? 后台返回一个数组对象(引用类型).次数在页面渲染中需要对部分数据进行处理 比如:银行卡62345092534 (这么长) 但在页面显示的时候, 只显示中国银行(3118)但是传给后台的时候.又要传623445242整个号码,我们也许会把var oldData = res.data; 但是我们发现两个数据都变了? 这是为什么呢? 其实就是一个深浅拷贝的问题. 二.浅拷贝 比如数组,对象,这样的引用类

Javascript中的深拷贝和浅拷贝

文章目录 JavaScript中的变量类型 深拷贝和浅拷贝的理解 深拷贝和浅拷贝的实现方式 为什么需要深拷贝和浅拷贝 JavaScript中的变量类型 (1).基本类型 JavaScript中的基本类型有五种: null.undefined.boolean.string.number. 变量是按值存放的,存放在栈中的简单数据段,可以直接访问. (2).引用类型 引用类型包括对象和数组,其存储在堆当中,而变量是指针,指向堆. 当我们访问的时候,实际上是访问指针,然后指针去寻找对象或数组. 深拷贝与

从JS的深拷贝与浅拷贝到jq的$.extend()方法

一.堆内存与栈内存 堆和栈都是内存中划分出来的用来存储的区域,栈为自动分配的内存空间,它由系统自动释放,堆为动态分配的内存,大小不定也不会自动释放. 二.js基本数据类型与引用类型的不同 基本数据类型(boolean,undefined,null,string,number) 1.基本数据类型存放在栈内存中 是存放在栈中的简单数据段,数据大小确定,内存空间大小可以分配,是直接按值存放的,所以可以直接访问. 2.基本数据类型值不可变 js中给基本类型赋值或操作基本类型数据时,并没有改变基本类型的原

探究JS中对象的深拷贝和浅拷贝

深拷贝和浅拷贝的区别 在讲深拷贝和浅拷贝的区别之前,回想一下我们平时拷贝一个对象时是怎么操作的?是不是像这样? var testObj1 = {a: 1, b:2}, testObj2=testObj1; testObj1.a = 7; console.log(testObj1); //{a: 7, b:2} console.log(testObj2); //{a: 7, b:2} 发现问题了吗?当testObj1变化时,testObj2相应的属性跟着变化了.这就是属于浅拷贝了,而所谓的深拷贝就

浅析深拷贝与浅拷贝--【godDie】--

--理解深拷贝与浅拷贝,必须要理解值传递与引用传递的概念. 值传递:传递的是基本数据类型的数据(数据不会发生改变) 引用传递:传递的是对象(数组.对象)对象存储在堆空间中,自身可以发生改变 --浅拷贝及其实现的方式 浅拷贝: 当一个对象拷贝另一个对象的数据的时候,只要一个对象的数据发生改变另一个对象的数据也会发生改变 ,因为浅拷贝拷贝的是引用的地址 实现浅拷贝的方式 第一种方式 要求对象必须是多层的状态下才能实现浅拷贝 //ES6 Object.assign() 参数1:target 参数2:对

浅谈深拷贝和浅拷贝及几种实现方法

讨论深拷贝与浅拷贝之前,要先回顾一下值传递与引用传递: 值传递: var a = 10; var b = a; b++; //console.log(a,b)//a:10 b:11 引用传递: var arr = [10,20,30,40]; var arr1 = arr; arr1[0] = 40; //console.log(arr,arr1);//[40,20,30,40] [40,20,30,40] 一.浅拷贝(引用传递) (1)概念 浅拷贝: 当一个对象拷贝另一个对象的数据的时候,只要

在vue中子组件修改props引发的对js深拷贝和浅拷贝的思考

不管是react还是vue,父级组件与子组件的通信都是通过props来实现的,在vue中父组件的props遵循的是单向数据流,用官方的话说就是,父级的props的更新会向下流动到子组件中,反之则不行.也就是说,子组件不应该去修改props.但实际开发过程中,可能会有一些情况试图去修改props数据: 1.这个props只是传递一个初始值,子组件把它当做一个局部变量来使用,这种情况一般定义一个本地的data属性,将props的值赋值给它.如下: props: ['initialCounter'],