JS数据类型和存储上的差别

在js中所有的数据类型都分为两大类:基本数据类型和引用数据类型。

其中,

基本数据类型保存在栈里面,可以直接访问它的值。

string、number、null、undefined、Boolean、symbol

引用数据类型保存在堆里面,栈里面保存的是地址,通过栈里面的地址去访问堆里面的数据

object、array、function

一、基本数据类型

Number

在数值类型中,存在一个特殊数值NaN,意为“不是数值”,用于表示本来要返回数值的操作失败了(而不是抛出错误)

 Undefined

 Undefined 类型只有一个值,就是特殊值 undefined。当使用 var或 let声明了变量但没有初始化时,就相当于给变量赋予了 undefined

 String

字符串可以使用双引号(")、单引号(')或反引号(`)标示

 字符串是不可变的,意思是一旦创建,它们的值就不能变了

 Null

Null类型同样只有一个值,即特殊值 null

逻辑上讲, null 值表示一个空对象指针,这也是给typeof传一个 null 会返回 "object" 的原因

undefined 值是由 null值派生而来 

只要变量要保存对象,而当时又没有那个对象可保存,就可用 null来填充该变量 

Boolean

Boolean(布尔值)类型有两个字面值: true 和false

通过Boolean可以将其他类型的数据转化成布尔值

规则如下:

Symbol

Symbol (符号)是原始值,且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险

二、引用类型

复杂类型统称为Object,我们这里主要讲述下面三种:

  • Object
  • Array
  • Function

Object

创建object常用方式为对象字面量表示法,属性名可以是字符串或数值

Array

JavaScript数组是一组有序的数据,但跟其他语言不同的是,数组中每个槽位可以存储任意类型的数据。并且,数组也是动态大小的,会随着数据添加而自动增长

Function

函数实际上是对象,每个函数都是 Function类型的实例,而 Function也有属性和方法,跟其他引用类型一样

函数存在三种常见的表达方式:

  • 函数声明

 函数表达式

箭头函数

函数声明和函数表达式两种方式 

三、存储区别 

基本数据类型和引用数据类型存储在内存中的位置不同:

  • 基本数据类型存储在栈中

  • 引用类型的对象存储于堆中

当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值

基本类型

a的值为一个基本类型,是存储在栈中,将a的值赋给b,虽然两个变量的值相等,但是两个变量保存了两个不同的内存地址

下图演示了基本类型赋值的过程:

 引用类型

引用类型数据存放在堆内中,每个堆内存中有一个引用地址,该引用地址存放在栈中

obj1是一个引用类型,在赋值操作过程汇总,实际是将堆内存对象在栈内存的引用地址复制了一份给了obj2,实际上他们共同指向了同一个堆内存对象,所以更改obj2会对obj1产生影响

下图演示这个引用类型赋值过程

总结

  • 声明变量时不同的内存地址分配:
    • 简单类型的值存放在栈中,在栈中存放的是对应的值
    • 引用类型对应的值存储在堆中,在栈中存放的是指向堆内存的地址
  • 不同的类型数据导致赋值变量时的不同:
    • 简单类型赋值,是生成相同的值,两个对象对应不同的地址
    • 复杂类型赋值,是将保存对象的内存地址赋值给另一个变量。也就是两个变量指向堆内存中同一个对象

猜你喜欢

转载自blog.csdn.net/wangshuaibinggg/article/details/128401589