深浅拷贝函数封装代码js

最新推荐文章于 2022-09-30 10:32:06 发布
最新推荐文章于 2022-09-30 10:32:06 发布
阅读量128 收藏
点赞数

文章来自：源码在线https://www.shengli.me/javascript/227.html

 

浅拷贝

 

浅拷贝只是复制了指向某个对象的指针，而不是复制对象本身，新旧对象其实是同一内存地址的数据，修改其中一个值，另一个也会动态改变。

 

深拷贝

 

深拷贝是真正意义上实现了数组和对象的拷贝，它创建了另外一个一模一样的对象，和原对象不是一个内存地址，修改一个值不会影响另一个的值。

 

封装函数

 

 

hugejihu9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript - 浅拷贝 / 深拷贝（函数封装）
王佳斌
08-23 2061
前言 如果你只想知道如何实现深浅拷贝，请直接跳过 前言 ，移步代码部分。 今天开发小程序，需求是 实现一个长按管理应用的功能(似支付宝应用管理功能) ，当我做到了用户可以添加或移除应用时，发现直接操作改变了原数组（即应用列表数据），导致取消功能无法完成（因为需要对比原数组，但已经被改变了）。 解决办法就是将初始数组进行拷贝，让用户操作副本。这样取消按钮的恢复与保存功能就能实现。 浅拷贝 仅仅复制对象的引用，而不是对象本身。 浅拷贝的实现方法比较简单，下面介绍 2 个，都可以直接使用。 一、简单复制
前端必会——对象的深浅拷贝
m0_57712926的博客
08-10 373
目录前言一、对象的浅拷贝？1.什么是浅拷贝2.代码演示3.结果展示二、深拷贝1.为什么需要深拷贝2.代码演示3.结果展示总结 前言 js中如何进行对象的深浅拷贝呢？相信看过本文后，你就会有一定的了解。话不多说，先从浅拷贝开始。 一、对象的浅拷贝？ 1.什么是浅拷贝 将一个对象内的值拷贝到另一个新的对象里，但是只能拷贝最外边的一层。 2.代码演示 代码如下（示例）： <!DOCTYPE html> <html lang="en"> <head> <me
【手写代码】深拷贝和浅拷贝
Chailo的博客
11-02 755
一、定义 拷贝：就是赋值，把一个变量赋值给另一个变量，对变量的内容进行拷贝。 了解深拷贝和浅拷贝之前需要对基本数据类型和引用数据类型的内存上存储（栈/堆）的区别有清楚地认识，深拷贝和浅拷贝是针对于引用数据类型。 浅拷贝：拷贝后的数据会影响原数据 深拷贝：产生了新的数据，而不是对原数据的引用 判断依据：数据存放是对象在栈内存地址的引用还是对象的引用 二、举例???? 1. 最简单的浅拷贝 //地址的拷贝，不产生新的数据 var arr = [1,2,4]; Var new_arr = a
深浅拷贝具体代码
最新发布
m0_61702149的博客
09-30 434
深浅拷贝解决的问题,以及如何解决
Js深浅拷贝代码实现
furfur-jiang的博客
01-31 331
深浅拷贝代码实现深拷贝和浅拷贝概念浅拷贝实现1.Object.assign()2.concat()和slice()深拷贝实现1.JSON.parse(JSON.stringify())2.1.递归实现深拷贝函数2.2.深拷贝函数改进（防止循环递归爆栈）2.3.深拷贝函数最终版3.函数库 深拷贝和浅拷贝概念 深拷贝和浅拷贝都只针对引用数据类型 浅拷贝会对对象逐个成员依次拷贝，但只复制内存地址，而不复制对象本身，新旧对象成员还是共享同一内存； 深拷贝会另外创建一个一模一样的对象，新对象跟原对象不共享内存，修改新
关于深浅拷贝的代码理解
char_m的博客
08-04 230
再谈深浅拷贝浅拷贝深拷贝 浅拷贝 针对对象A拷贝之后得到对象B，对A的修改会对B造成影响 class A{ public int num =0; } class B{ public int count =0; public A a; } public class Test4 { public static void main(String[] args) { //先构造一个对象 B b = new B(); b.count
JavaScript深浅拷贝原理+代码实现
小助手爱编程
09-16 86
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
javascript 深拷贝函数
limengdi1314的博客
09-28 397
javascript具有两大数据类型，基本数据类型和引用数据类型。 基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol (ES6新增)六 种。 引用数据类型只有Object一种，主要包括对象、数组和函数。 javascript 中使用typeof 只能区分基本数据类型，这里引出Object.prototype.toString.call()区分引用数据类型。 深拷贝的方法如下： function deepClone(arr) { if(t
js中的深拷贝浅拷贝
Senora的博客
07-20 574
深拷贝(值拷贝)：会创建一个一模一样的对象，新旧对象不共享内存，修改新对象不会影响原对象。 浅拷贝(引用拷贝)：只复制指向某个对象的指针，不复制对象本身，新旧对象还是共享同一块内存。修改新对象会影响原对象。...
js面试题之——深浅拷贝
wuxian_wj的博客
10-26 1151
一直以来倒是没有仔细的思考过深浅拷贝的问题，最近有听到小伙伴在讨论，全面了解了一下，深拷贝并没有那么简单。现在让我们来一起探讨深浅拷贝相关的内容吧。 基本数据类型、引用数据类型 为什么会出现深浅拷贝的问题，主要因为在于js中所有的数据类型分为基本数据类型和引用数据类型两大类。 那么基本数据类型有哪些呢：Number、String、Boolean、Undefined、Null、Symbol、BigInt 引用数据类型，就是Object了，但是js封装了几个继承了Object原型属性的一些对象，Array、Fu
学习Array类型看这一篇就够了（Array类型特点，Array原型方法，浏览器sort底层实现，深浅拷贝）
反手一个bug的博客
09-11 431
文章目录一、创建Array类型1.1 创建数组1.2 不限制类型1.3 数组length二、原型方法2.1 转换方法2.2 数据添加移除方法2.3 重排序方法 除了Object之外，Array类型应该是ECMAScript中常用的类型，并且javaScript中的Array类型和其他语言中的数组非常的不同，具体javaScript中的Array类型，本文将由浅入深地从创建Array类型和原型方法两个大方向带大家彻底理解这个ECMAScript中的重要类型 一、创建Array类型 1.1 创建数组 创建数组有
Java:深拷贝与浅拷贝整理及代码书写
qjyws的博客
02-03 664
文章目录前言一、Java深浅拷贝的区别二、代码手写实现1.代码2.测试结果总结 前言 Java深浅拷贝是老生常谈的问题，但是以往的学习中只知道深浅拷贝的区别，没有自己动手去书写过深浅拷贝的代码和比较区别，这篇博客就此进行整理 一、Java深浅拷贝的区别 数据分为基本数据类型和引用数据类型。基本数据类型：数据直接存储在栈中；引用数据类型：存储在栈中的是对象的引用地址，真实的对象数据存放在堆内存里。 浅拷贝：对于基础数据类型：直接复制数据值；对于引用数据类型：只是复制了对象的引用地址，新旧 对象指向同一个内存
python高级--知识点提高
jwefhkjn的博客
11-23 196
python高级--知识点提高GIL(全局解释锁)简介GIL面试题解决方法深拷贝、浅拷贝简单的深拷贝、浅拷贝拷贝变量拷贝列表拷贝不可变类型类的属性import导入模块导入模块的顺序导入模块的注意事项重新加载模块多模块导入事项 GIL(全局解释锁) 简介 顾名思义这是一个锁，它的作用保证了同一个时刻只能一个线程可以运行代码，也就是说不管你是几线程的cpu但在这一刻只能一个线程运行，其他线程没法运行，只有当遇到堵塞时才会切换进程。GIL与python语言没有任何关系，这是python解释器的问题，cpython
C++浅拷贝和深拷贝——使用（代码演示篇）
girls的博客
08-22 1639
深拷贝：成员变量是不是有指针类型，数组类型或者其他类的引用的时候，深拷贝。浅拷贝：普通类型的成员变量。
前端代码深浅拷贝四种方式
m0_55258023的博客
06-14 3600
前端代码深拷贝四种方式
构造函数构造方法总结以及深拷贝、浅拷贝 ————墨白
正直 的博客
03-07 535
如何书写C++构造函数 我们在学习到C++的时候，不可避免地要学习C++的重要特性————封装，要学习封装，必须要会书写类的定义，而定义类时至关重要的一步就是书写构造函数。为什么要书写构造函数？道理其实很简单，如果你声明了一个int类型变量,你可以很轻松的初始化，就像这样： int x=10; 那么问题来了，如果你声明了一个类的对象（对象实例化），请问，你要如何给这个类中的那些数据成员初始化？ ...
漫谈deepcopy（深拷贝）和shallowcopy（浅拷贝）
热门推荐
我很帅的专栏
06-15 1万+
浅拷贝：只复制当前的对象，对该对象内部的引用（其他类对象作为自己的元素-也叫对其他对象的引用）不能复制（在堆内存中从新创建空间，内容相同，但地址不同）。 深拷贝：对对象内部的引用均复制，是创建一个新的实例，并复制实例。
原生js实现深拷贝函数
你的博客
03-26 9055
首先实现一个函数对变量类型进行判断 // 判断变量的类型 function getType(obj){ var str = Object.prototype.toString.call(obj); var map={ '[object Boolean]' : 'boolean', '[object Number]' : 'number', '[object Strin...
理解前端中的深拷贝与浅拷贝
老实敲代码，佛只渡有缘人
07-07 1470
1.如何区分深浅拷贝 简单来说：存在一个对象或者数组A，将A赋值给B，若改变B中的一个属性或者元素，如果导致了A的变化，那么这就是浅拷贝，反之是深拷贝，之前在数据类型中学习了，对于引用数据类型，只有地址重新声明了，那么改变数据就不会影响之前赋值的数据，这就是深拷贝。 2.深浅拷贝的方法 对于基本数据类型，每次声明都会开辟一个新的栈地址，所以理论上每次赋值都是深拷贝，所以这里我们只讨论引用数据类型。 1）浅拷贝 ①对于数组或者对象，直接用等于号赋值的话，就属于浅拷贝，如下： let arr1 =
JavaScript深浅拷贝原理与递归实现详解
在前端JavaScript中，深浅拷贝是一个关键概念，尤其是在处理复杂数据类型如对象和数组时。...例如，在函数参数传递、组件状态管理、数据持久化等场景下，正确选择深浅拷贝的方式可以有效提高代码的健壮性和性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值