• 前端面试题之——说一说深浅拷贝,都是怎么实现的?


    前端面试题之——说一说深浅拷贝,都是怎么实现的?

    首先,基本数据类型没有深浅拷贝之分,基本数据类型存储在栈内存中,每一次赋值都会在栈中开辟一片新空间存放值,但是复杂数据类型要区分深拷贝和浅拷贝

    浅拷贝

    什么是浅拷贝?

    在发生赋值操作时,比如b = a (a,b都是复杂数据类型),这实际上是把a的引用给了b,大家都知道复杂数据类型的值是存放在堆里面的,栈中存放的是数据在堆中的地址 ,这个时候发现,当修改了a中的值,b中的值也会改变,这就产生了不是我们本意的修改。这就是浅拷贝

    实现浅拷贝的方法

    • 展开语法:Spread syntax (…)
    • 数组原型方法concat():合并数组并返回新数组,数组中元素是复杂数据类型,返回调用此方法的浅拷贝
    • 数组原型方法slice():返回一个新数组,根据参数begin和end决定的原数组的浅拷贝(包括begin不包括end)原数组不改变
    • Array.from()方法:对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例,第一个参数是一个想转换为数组的伪数组或可迭代对象,第二个参数是一个回调函数,如果指定了该参数,新数组中每个元素都会执行该回调函数,第三个参数是第二个参数回调函数的this对象
    • Object.assign()方法:Object.assign()方法只会拷贝可枚举的自身的属性到目标对象,第一个参数是目标对象,第二个参数是源对象,如果第二个源对象和目标对象里面含有相同的属性,那么目标对象中的属性会被覆盖

    深拷贝

    什么是深拷贝?

    复杂类型的深拷贝,比如b想深拷贝a,那b就要在堆里面开辟一个新的空间,把a的值复制到新的存储空间里,这样ba在栈中存储的地址是不一样的,也就是说ba只有内在的值是一样的,此时b被修改a也不会被修改了

    实现深拷贝的方法

    • JSON.stringify():将对象转换为JSON字符串,然后使用JSON.parse()将字符串转换回(全新的)JavaScript对象(但是有缺陷:许多JavaScript对象根本不可序列化,例如函数(带闭包)、Symbol、在HTML DOM API中表示HTML元素的对象、递归数据以及许多其他情况。在这些情况下,调用JSON.stringify()来序列化对象将会失败。所以没有办法对这样的物体进行深度复制。)
    • structuredClone():优点是允许将源中的可转移对象转移到新副本(转移之后原件会被清除),不仅仅是克隆,但是请注意,structuredClone()并不是JavaScript语言本身的一个特性,而是浏览器和任何其他实现像window这样的全局对象的JavaScript运行时的一个特性,调用structuredClone()来克隆一个不可序列化的对象将会失败,和JSON.stringify()一样。
  • 相关阅读:
    CSS常见布局方式
    基于springboot财务管理系统springboot006
    如何通过函数获取股票量化交易行情数据?
    eclipse配置Tomcat和Tomcat出现无效端口解决办法
    【Unity入门计划】常用学习网址收藏
    防止 SQL 注入的 PHP PDO 准备语句教程
    毕业论文写作指南
    【C++】string类的常用接口
    C#操作INI文件
    阿尔萨斯监控平台&普罗米修斯监控平台对服务器资源的监控
  • 原文地址:https://blog.csdn.net/weixin_45678985/article/details/127612700