关于...扩展运算符的深拷贝

深拷贝,把对象地址指向独立出来,重新分配内存地址。平时开发中也经常用到。

先讨论下扩展运算符,这个东西最开始我不知道在哪里听说他是浅拷贝,一直没去验证,就记在心里。后面别一个学习伙伴推翻,说扩展运算符是深拷贝。后面一试,发现还真是,又觉得是深拷贝。今天开发正好遇到这个问题了。研究了一下,得出结论:
扩展运算符既不是深拷贝,也不是浅拷贝。一半一半,他只能深拷贝第一层。第二层的拷贝还是浅拷贝

 他只能拷贝第一层。

所以,还是老实用递归写深拷贝把。JSON的深拷贝就不说了,不好用哈,局限性太大了。

附上深拷贝方法:


function getType(obj: unknown): string {
    return Object.prototype.toString.call(obj).slice(8, -1);
}
export function deepClone(source: any): any {
    if (getType(source) != "Array" && getType(source) != "Object") return source;
    let new_obj: any = getType(source) == "Array" ? [] : {};
    for (let key of Object.keys(source)) {
        new_obj[key] = deepClone(source[key]);
    }
    return new_obj;
}

展开运算符既可以是深拷贝也可以是浅拷贝。如果展开运算符使用的对象只包含简单的一级基础数据,那么是深拷贝。也就是说,展开运算符会创建一个新的对象,并且精确拷贝这个对象的原始属性值。如果展开运算符使用的对象包含了二级或更多级的复杂数据,那么是浅拷贝。这意味着,对于基本类型的值,会拷贝它们的值;对于引用类型的值,会拷贝它们的内存地址。所以,如果其中一个引用类型的值发生了改变,另一个对象的值也会受到影响。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [[js] ES6对象展开运算符&&浅拷贝or深拷贝](https://blog.csdn.net/qq_14993591/article/details/122279244)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [解构赋值是深拷贝还是浅拷贝?](https://blog.csdn.net/m0_46412825/article/details/127768822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值