JavaScript-原始值和引用值

WEBING

一、原始值和引用值的概念

在 ECMAScript 中,变量可以存在两种类型的值,即原始值引用值

1.1 原始值

(1)原始值指的是 原始类型 的值,也叫 基本类型,例如 Number、Stirng、Boolean、Null、Underfined 。

(2)存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置

(3)注意

在许多语言中,字符串都被看作引用类型,而非原始类型,因为字符串的长度是可变的。ECMAScript 打破了这一传统。

1.2 引用值

(1)引用值指的是 引用类型 的值,例如 Object、Function、Array、Date、RegExp 。

(2)存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处

二、栈和堆

2.1 原始值存储在栈中

为变量赋值时,ECMAScript 的解释程序必须判断该值是原始类型,还是引用类型。要实现这一点,解释程序则需尝试判断该值是否为 ECMAScript 的原始类型之一,即 Undefined、Null、Boolean、Number 和 String 型。由于这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 - 栈中。这样存储便于迅速查寻变量的值。

2.2 引用值存储在堆中

如果一个值是引用类型的,那么它的存储空间将从堆中分配。由于引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

2.3 图示

栈中的原始值与堆中的引用值

三、原始值和引用值的不同

3.1 赋值方式

3.2 值是否可变

3.3 比较方式不同

四、赋值方式和值是否可变

4.1 原始值是以值的拷贝方式赋值,值是不可变的

4.2 引用值是以引用的拷贝方式赋值,值是可变的

4.3 Example

Example

4.4 说明

(1)原始值赋值 → 其实是将值拷贝一份并赋值给新的变量,这个值就是副本,他和原始值是互相独立的,改变其中一个值不会影响到其他的值。

(2)引用值赋值 → 当一个引用类型,例如一个对象,使用 = 将其赋值给另一个变量,实际上是其对象的地址引用赋值给新的变量,这两个变量都指向同一个地址引用,他们有相同的地址。所以若改变其中一个变量(的地址引用指向的对象),另一个变量(的地址引用指向的同一个对象)也将改变。

图示

4.5 扩展

Example

五、比较方式不同

5.1 原始值的比较是 的比较

5.2 引用值的比较是 引用 的比较

5.3 Example

Example

5.4 说明

(1)原始值 a 和 b 的数据类型不同,但也可以进行值的比较。(在值比较之前,自动进行了数据类型的 隐式转换

  • == → 只比较值
  • === → 不仅比较值,还比较数据类型

(2)引用值 obj1 和 obj2 分别引用的是存放在堆内存中的两个不同的对象,所以 obj1 和 obj2 的值(地址引用)不一样。

阅读更多

阅读 4.9k

GitHub [链接]

3.6k 声望
6k 粉丝
0 条评论

GitHub [链接]

3.6k 声望
6k 粉丝
文章目录
宣传栏