js【详解】数据类型原理(含变量赋值详解-浅拷贝)

简介: js【详解】数据类型原理(含变量赋值详解-浅拷贝)

JavaScript 中的数据按存储方式的不同,分为值类型和引用类型。

  • 值类型(共 5 种):赋值的时候传值 —— 数字、字符串、布尔值、undefined,Symbol
  • 引用类型 :赋值的时候传引用的地址—— 如对象,数组,null , 函数
  • null 是特殊的引用类型,引用的空地址
  • 函数也是特殊的引用类型,因为函数引用的地址指向的内容不是一个数值,而是一段可执行代码。

声明变量后,js引擎会在栈内存中开辟一个以该变量命名的存储空间,若未赋值,则该空间内存的值类型的数据 undefined。

  • 变量赋值时,若数据为值类型,则会将数据的值存入该变量命名的空间。(即变量中存的数据的值)
  • 存有值类型数据的变量赋值给另一个变量时,会将数据的值复制一份,存入新变量命名的空间中,两个变量内存储的数据相互独立,互不影响(改变A变量的值,B变量的值不会发生改变)
  • 变量赋值时,若数据为引用类型,则会先将引用类型的数据保存在堆内存中,再将该数据在堆内存中存储的地址存入该变量命名的空间。(即变量中存的是数据的引用地址)
  • 存有引用类型数据的变量赋值给另一个变量时,会将数据的引用地址复制一份,存入新变量命名的空间中(浅拷贝),两个变量实际指向的是同一份数据,相互影响(改变A变量的值,B变量的值也会同步改变)

之所以这样设计,是因为引用类型的数据通常较大,拷贝时需要花费更多的时间和空间,引用类型浅拷贝的设计,提升了数据的拷贝速度和内存空间的使用效率,从而表现出了更佳的性能。

目录
相关文章
|
13天前
|
JavaScript
js export 对外输出常量、变量和函数
js export 对外输出常量、变量和函数
16 5
|
12天前
|
存储 JavaScript 前端开发
|
13天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
17 1
|
10天前
|
JavaScript
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
|
12天前
|
存储 前端开发 JavaScript
|
12天前
|
JavaScript 前端开发 安全
JavaScript数据类型与类型判断
【7月更文挑战第1天】JavaScript基础涉及多种数据类型,如字符串、数字、布尔值、undefined、null、Symbol和BigInt(ES新特性)。对象、数组和函数属于引用类型。类型判断可通过typeof(不准确判断null和Array)、instanceof(检查原型链)和Object.prototype.toString方法。理解这些对编写健壮的代码至关重要。
11 0
|
13天前
|
存储 JavaScript 前端开发
面试官:JS中变量定义时内存有什么变化?
面试官:JS中变量定义时内存有什么变化?
13 0
|
13天前
|
前端开发 JavaScript
前端 JS 经典:变量交换
前端 JS 经典:变量交换
7 0
|
13天前
|
前端开发 JavaScript
前端 JS 经典:图片裁剪上传原理
前端 JS 经典:图片裁剪上传原理
6 0
|
13天前
|
缓存 JavaScript 前端开发
前端 JS 经典:浏览器中 ESModule 的工作原理
前端 JS 经典:浏览器中 ESModule 的工作原理
11 0