angular 父子传数据之 深拷贝、浅拷贝,执行顺序

本文探讨Angular中父子组件间数据传递时,如何处理深拷贝和浅拷贝的问题。通过实例说明直接赋值会导致引用数据类型共享同一内存空间,而深拷贝可以避免这种影响。同时,文章提到了基本数据类型和引用数据类型的存储区别,并给出了深拷贝的实现方式。
摘要由CSDN通过智能技术生成

直接对两个数组对象进行赋值传递,是浅拷贝,即:前后对象通用指针空间。
想要互不影响,就要做到深拷贝,申请一个新的资源空间给新的对象。(重新复制,地址重新指向)

注意:如下图 父组件传给子组件之后,子组件要是改变该值,父组件也会相应变化,要想不变,子组件要深拷贝数据在进行利用

在这里插入图片描述
1、基本数据类型的特点:直接存储在栈(stack)中的数据

2、引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里

引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。

深拷贝实现:

function deepClone(obj)
{
   
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值