漫画|有趣的了解一下赋值、深浅拷贝

简介: 笔记

什么是赋值?

将某一数值赋给某个变量的过程,称为赋值。将确定的数值赋给变量的语句叫做赋值语句。所赋“值”可以是数字,也可以是字符串和表达式等。

50.png

赋值标识符

简单的赋值,都是由'='表示。复合赋值使用'/'、'+'、'-'后面跟'='表示。这些赋值标识符,也是常说的“简写样式”。

51.png

每个数学赋值标识符都是独一无二的:

52.png

 

 

  • +=(加)
  • -=(减)
  • *=(乘)
  • /=(除)
  • %=(取余)
  • <<=(左移)
  • >>=(右移)
  • >>>=(无符号又移)

(注意,数学赋值标识符只有简写作用,无提升性能作用)

传值和传址

赋值包含了传值和传址两种赋值方式。传值是基本数据的赋值方式,因为基本数据的值存放于栈中。传值是引用数据的赋值方式,因为引用数据的值存放在堆中。

53.png

(上图为基本数据赋值传值方式,基本数据类型:stringnumberbooleanundefinednullsymbol。

54.png

 

(上图为引用数据赋值是传址的方式,由于引用数据的值只是指针指向同一堆地址,如果操作其中一个,其余都会被联动。)

55.png

 

(为variable name偷偷添加一个symbol。天呐variable name2居然也能调用!!!)

56.png

 

variable name生气了怎么办呢?

拷贝

为解决该问题,就需要使用到拷贝。  也可以理解为只有在是引用性数据类型时,才用到深浅拷贝。

浅拷贝

先分析一下浅拷贝是否可用。浅拷贝:回先创建一个新的对象,该对象有原始值的精确拷贝,但是属性值的拷贝是通过赋值来完成的。 也就会有传说中的“只拷贝表面上的”一层。如果修改的是复杂类型值本身,还是会相互影响。

 

57.png

这不行,不符合 variable name的需求!

深拷贝

啊哦,浅拷贝并不能完全满足variable name不想让variable name2拿到它新收集到的数据。或许我们需要看看其他方法:深拷贝。

 

 

58.png

 

 

(上图为深拷贝后的数据存放图)

深拷贝后,会拷贝所有的属性,并将拷贝属性指向的动态分配的内存。深拷贝会另外创建一个一模一样的堆,新对象和原对象不共享堆内存。所以修改对象的值,也不会相互影响。当对象和它所引用的对象一起拷贝时即发生深拷贝。可以使用递归、JSON.parse()与JSON.stringify()测试查看效果。

 

尝试一下,用深拷贝来完成variable name的需求:

59.png

 

完全可以!!!

 

 

(注意,文章图中箭头方向不代表指针方向!!variable name以及variable name2只是代表变量名的英文!!)


目录
相关文章
|
6月前
浅学指针(2)数组函数传值调用
浅学指针(2)数组函数传值调用
|
6月前
|
前端开发 JavaScript
对象解构与迭代器的猫腻?
这篇文章介绍了变量的解构赋值技巧在前端开发中的常用性,包括对象解构和数组解构。文章中给出了一些代码示例,解释了可迭代对象的概念以及如何使用迭代协议来实现数组解构。此外,文章还介绍了生成器的概念并提供了代码示例。作者建议对这些概念不熟悉的读者可以查阅ES6的文档来更好地理解。
对象解构与迭代器的猫腻?
|
6月前
|
存储 人工智能 编译器
【重学C++】【引用】一文看懂引用的本质与右值引用存在的意义
【重学C++】【引用】一文看懂引用的本质与右值引用存在的意义
131 0
|
6月前
|
C++
C++什么是深浅拷贝,深浅拷贝的区别?
C++什么是深浅拷贝,深浅拷贝的区别?
|
人工智能 JavaScript 前端开发
为什么要用深浅拷贝、什么是深浅拷贝、以及如何实现
首先我们要明白一点,js中数据类型分为: 基本数据类型 (Number, String, Boolean, Null, Undefined, Symbol) 对象数据类型 ( Object )** 引用数据类型的值是保存在栈内存和堆内存中的对象。栈区内存保存变量标识符和指向堆内存中该对象的指针。当寻找引用值时,解释器会先寻找栈中的地址。然后根据地址找到堆内存的实体
109 0
为什么要用深浅拷贝、什么是深浅拷贝、以及如何实现
|
存储 JavaScript 数据处理
深浅拷贝问题
深浅拷贝问题
68 0
|
C语言
【c语言进阶】三分钟教会你终极套娃:指向函数指针数组的指针,让你真正理解如何解读一个变量的类型
【c语言进阶】三分钟教会你终极套娃:指向函数指针数组的指针,让你真正理解如何解读一个变量的类型
89 0
|
JSON 数据格式
🍉十分钟搞定解构赋值,你确定不来看看嘛~
🍉十分钟搞定解构赋值,你确定不来看看嘛~
115 5
🍉十分钟搞定解构赋值,你确定不来看看嘛~
|
前端开发
#yyds干货盘点# 歌谣学前端之解构赋值
#yyds干货盘点# 歌谣学前端之解构赋值
49 0