add:堆内存和栈内存
This commit is contained in:
72
03-JavaScript基础/08-基本数据类型vs引用数据类型.md
Normal file
72
03-JavaScript基础/08-基本数据类型vs引用数据类型.md
Normal file
@@ -0,0 +1,72 @@
|
||||
|
||||
|
||||
## 前言
|
||||
|
||||
|
||||
在之前的**javascript基础**文章中(编号02、编号07),我们介绍过,变量有以下数据类型:
|
||||
|
||||
- **基本数据类型(值类型)**:String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。
|
||||
|
||||
- **引用数据类型(引用类型)**:Object 对象。
|
||||
|
||||
本文,我们针对这两种类型,做个详细介绍。我们先来看个例子。
|
||||
|
||||
|
||||
**基本数据类型举例**:
|
||||
|
||||
```javascript
|
||||
var a = 23;
|
||||
var b = a;
|
||||
|
||||
a++;
|
||||
|
||||
console.log(a); // 打印结果:24
|
||||
console.log(b); // 打印结果:23
|
||||
```
|
||||
|
||||
上面的代码中:a 和 b 都是基本数据类型,让 b 等于 a,然后**改变 a 的值之后,发现 b 的值并没有被改变**。
|
||||
|
||||
但是在引用数据类型中,就不同了,我们来看一看。
|
||||
|
||||
**引用数据类型举例**:
|
||||
|
||||
```javascript
|
||||
var obj1 = new Object();
|
||||
obj1.name = 'smyh';
|
||||
|
||||
// 让 obj2 等于 obj1
|
||||
var obj2 = obj1;
|
||||
|
||||
// 修改 obj1 的 name 属性
|
||||
obj1.name = 'vae';
|
||||
|
||||
console.log(obj1.name); // 打印结果:vae
|
||||
console.log(obj2.name); // 打印结果:vae
|
||||
```
|
||||
|
||||
|
||||
上面的代码中:obj1 和 obj2 都是引用数据类型,让 obj2 等于 obj1,然后**修改 obj1.name 的值之后,发现 obj2.name 的值也发生了改变**。
|
||||
|
||||
|
||||
从上面的例子中,可以反映出,基本数据类型和引用数据类型是有区别的。
|
||||
|
||||
|
||||
|
||||
## 栈内存和堆内存
|
||||
|
||||
我们首先记住一句话:JS中,所有的**变量**都是保存在**栈内存**中的。
|
||||
|
||||
然后来看看下面的区别。
|
||||
|
||||
**基本数据类型**:
|
||||
|
||||
基本数据类型的值,直接保存在栈内存中。值与值之间是独立存在,修改一个变量不会影响其他的变量。
|
||||
|
||||
**引用数据类型**:
|
||||
|
||||
|
||||
对象是保存到堆内存中的。每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而**变量保存了对象的内存地址**(对象的引用)。如果两个变量保存了同一个对象的引用,当一个通过一个变量修改属性时,另一个也会受到影响。
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user