深拷贝与浅拷贝的区别 举一个简单的例子,假设B复制了A,当A被修改时,B也发生改变,说明这是浅拷贝;如果B没有发生改变,就是深拷贝。
深拷贝只针对引用数据类型----object。
基本数据类型,例如:number,string,boolean,null,undefined,symbol,它们的名和值都存储在栈的内存中,例如 let a = 1;
当b=a时,栈会开辟一个新的内存来存b的名和值,a的改变不会影响b,但是这算不上深拷贝。如下图所示:
文章图片
引用数据类型的名存储在栈的内存中,值存储在堆内存中。栈内存会存放一个引用的地址指向堆内存中的值,例如let a = [1,2,3,4,5];
当b=a时,b会复制a的引用地址,当改变a中的值时,因为a与b指向同一个地址,所以b的值也会发生改变,这就是浅拷贝。但是,如果在堆内存中也开辟一个新的内存专门存放b的值,那么a的值改变就不会引起b的值的改变,这就是深拷贝。如下图所示:
1)浅拷贝
文章图片
当a[0]=9时:
文章图片
可见,a改变时,b也改变了。
【面试|前端面试——深拷贝与浅拷贝的区别】2)深拷贝
文章图片
当a[0]=9时:
文章图片
可见,当a改变时并不影响b。
注:基本数据类型有number,string,boolean,null,undefined,symbol
引用数据类型有object
推荐阅读
- 一些零碎代码|几十行代码,打造一款JavaScript便签系统
- 前端面试题|深拷贝和浅拷贝
- java小贴士|面试官问(什么是浅拷贝和深拷贝())
- 面试|面试题-深拷贝和浅拷贝区别是什么()
- Javascript|前端js面试会问到的浅拷贝和深拷贝(以浅拷贝为例)
- Javascript|JavaScript权威指南7(四) 第十一章 JavaScript 标准库
- AliOS|新一代嵌入式UI框架 HaaS UI 使用JS在嵌入式开发炫酷前端
- Leetcode733(图像渲染(广度遍历解法))
- js的逻辑分支