目录
目标
- 能够说出简单数据类型的内存分配
- 能够说出复杂数据类型的内存分配
- 能够说出简单数据类型如何传参
- 能够说出复杂数据类型如何传参
简单类型与复杂类型
- 简单数据类型又称为基本数据类型或者值类型
- 复杂数据类型又称为引用类型
值类型
- 值类型:简单数据类型 / 基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型
- 五大数据类型(值类型):string,number,boolean,undefined,null
- 其中 null 比较特殊,返回类型为 object
<script>
// 简单数据类型 null
// 返回的是空的对象 object
var empty = null;
console.log(typeof empty);
// null 的使用
// 如果定义某个变量为对象,但是赋值并不确定,此时可以将 null 赋给这个变量
</script>
引用类型
- 复杂数据类型,在存储变量中存储的仅仅是地址(引用),因此称为引用类型
- 通过 new 关键字创建的对象(系统对象、自定义对象),如 object、array、date 等
堆和栈
堆栈空间分配区别:
- 栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等
- 其操作方式类似于数据结构中的栈
- 简单数据类型存放到栈中
- 堆(操作系统):存储复杂类型(对象),一般由程序员分配释放
- 若程序员不释放,由垃圾回收机制回收
- 复杂数据类型存放到堆里面
注意:
- 堆和栈是内存中两块互不干预的独立的空间
- JavaScript 中没有堆和栈的概念
- 这里只是通过堆和栈的方式,帮助理解 JavaScript 代码的一些执行方式
简单类型的内存分配
- 值类型(简单数据类型):string,number,boolean,undefined,null
- 值类型变量的数据直接存放在变量(栈空间)中
复杂类型的内存分配
- 引用类型(复杂数据类型):通过 new 关键字创建的对象(系统对象、自定义对象)
- 如 object、array、date 等
- 引用类型在栈中存放变量(地址),十六进制表示
- 真正的对象实例存放在堆空间中
简单类型传参
- 函数的形参也可以看作是一个变量
- 当我们把一个值类型变量作为参数传给函数的形参时,其实就是把变量在栈空间的值复制了一份给形参
- 因此在方法内部对形参做任何修改,都不会影响到外部的变量
<script>
function fun(a) {
a++;
console.log(a); // a = 11
}
var x = 10;
// 将实参 x 传递给形参 a
// 本质是复制一份 x = 10 传递给 a,x 本身的值并不会随着 a 的变化而变化
// 即在方法内部对形参(a)做任何修改,都不会影响外部的变量(x)
fun(x);
console.log(x); // x = 10
</script>
复杂类型传参
- 复杂数据类型在将实参传给形参的过程中,传递给形参的是实参的地址,而不是对象实例
<script>
function Person(name) {
this.name = name;
}
function fun1(x) {
// 8.由于形参 x 指向 地址p,因此输出的仍然是 地址p 所对应的对象实例{new Person('刘德华'); name = '刘德华'}
// 9.第二个输出:'刘德华'
console.log(x.name);
// 10.对 x.name 进行了重新的赋值,此时的对象实例改为{new Person('刘德华'); name = '张学友'}
x.name = '张学友';
// 11.第三个输出:'张学友'
console.log('2' + x.name);
}
// 1.定义一个复杂数据类型
// 2.复杂数据类型 变量 p 在栈中存储 地址p,变量 p 指向 地址p
// 3.而真正的对象实例{new Person('刘德华'); name = '刘德华'}存放在堆中
// 4.变量 p 指向栈中的地址p,地址p 指向堆中的对象实例{new Person('刘德华'); name = '刘德华'}
var p = new Person('刘德华');
// 5.第一个输出:刘德华
console.log(p.name);
// 6.将变量 p 传递给形参 x,即将 地址p 传递给形参 x
// 7.然后变量 p 和形参 x 都指向了同一个地址,即 地址p
fun1(p);
// 12.此时 p.name 的对象实例为{new Person('刘德华'); name = '张学友'}
// 13.第四个输出:'张学友'
console.log(p.name);
</script>