浅谈JavaScript中面向对象的的深拷贝和浅拷贝

更新时间：2016年08月01日 08:50:06 投稿：jingxian

下面小编就为大家带来一篇浅谈JavaScript中面向对象的的深拷贝和浅拷贝。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

理解深拷贝和浅拷贝之前需要弄懂一些基础概念，内存中存储的变量类型分为值类型和引用类型。

1、值类型赋值的存储特点, 将变量内的数据全部拷贝一份, 存储给新的变量。

例如：var num = 123 ；var num1=num;

表示变量中存储的数字是 123。然后将数据拷贝一份,就是将 123 拷贝一份. 那么内存中有 2 个数组;将拷贝数据赋值给 num2,其特点是在内存中有两个数据副本.这可以理解为浅拷贝。

2、引用类型的赋值。

var o={name:'张三‘}；

var obj=o;

赋值就是将变量 o 中存储的数据拷贝一份, 然后将该数据赋值给 obj。内存中有 1 分数据，利用 obj 修改的 name 属性会影响到 o 中的 name。

如果拷贝的时候, 将数据的所有引用结构都拷贝一份, 那么数据在内存中独立就是深拷贝；

如果拷贝的时候, 只针对当前对象的属性进行拷贝, 而属性是引用类型这个不考虑, 那么就是浅拷贝；

拷贝: 复制一份. 指将对象数据复制；

在讨论深拷与浅拷的时候一定要保证对象的属性也是引用类型。

以上这篇浅谈JavaScript中面向对象的的深拷贝和浅拷贝就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

JS字符串截取出现的bug以及解决方式
之前在获取元素属性时,踩了个坑,记录一下,下面这篇文章主要给大家介绍了关于JS字符串截取出现的bug以及解决方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
通过大白话理解微信小程序获取授权
最近由于公司需要研究了一下微信小程序的开发,特此记录一下小程序获取授权的流程,便于自己理解,下面这篇文章主要给大家介绍了关于如何通过大白话理解微信小程序获取授权的相关资料,需要的朋友可以参考下
2022-12-12
ES6 let和const定义变量与常量的应用实例分析
这篇文章主要介绍了ES6 let和const定义变量与常量的应用,结合实例形式分析了ES6使用let定义变量以及使用const定义常量的相关操作技巧,需要的朋友可以参考下
2019-06-06
微信小程序-可移动菜单的实现过程详解
这篇文章主要介绍了微信小程序-可移动菜单的实现过程详解，我们可以经常看到手机app里有的菜单栏是悬浮在首页的，用户可以拖动和点击菜单栏进行交互，今天就教大家利用小程序的控件，,需要的朋友可以参考下
2019-06-06
JavaScript实现可终止轮询请求的方法
轮询请求就是间隔相同的时间（如5s）后不断地向服务端发起同一个接口的请求，当然不能无限次去请求，所以轮询必须要有个停止轮询的机制，今天通过本文给大家介绍JavaScript实现可终止的轮询请求，感兴趣的朋友一起看看吧
2022-06-06
简单了解JavaScript操作XPath的一些基本方法
XPath构建于XML之上,以表示路径的方式来确定XML中元素位置,事实上并不是太常用,这里我们来简单了解JavaScript操作XPath的一些基本方法
2016-06-06
js利用cookie实现记住用户页面操作
这篇文章主要给大家介绍了关于js利用cookie实现记住用户页面操作的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
微信小程序实现指定显示行数多余文字去掉用省略号代替
这篇文章主要介绍了微信小程序实现指定显示行数多余文字去掉用省略号代替的方法,需要的朋友可以参考下
2018-07-07
ES6中Promise、async、await用法超详细讲解指南
async+await是ES6中引入的异步编程解决方案,旨在解决异步编程中的回调地狱问题,下面这篇文章主要给大家介绍了关于ES6中Promise、async、await用法超详细讲解的相关资料,需要的朋友可以参考下
2024-08-08
IE bug table元素的innerHTML
做项目时遇到一个数据表需要展示，由于坚定着使用合理标签表示合适内容，于是使用了table，悲剧开始了。
2010-01-01

浅谈JavaScript中面向对象的的深拷贝和浅拷贝

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具