1、简单数据类型和复杂数据类型
简单类型又叫基本数据类型或者值类型,复杂数据类型又叫做引用类型。
1.1 简单数据类型
简单数据类型在存储时变量存储的是值本身,因此又叫值类型。
string,number,Boolean, undefined ,null
null 比较特殊,返回的是object。
如果以后有一个变量要存储为对象,但是又没想好放什么,就可以先用null代替。空对象
<script>
var timer = null;
console.log(typeof timer); //object
</script>
1.2 复杂数据类型(引用类型)
在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型。
通过new关键字创建的对象(系统对象,自定义对象),如Object、Array、Date等
2、堆和栈
2.1 栈(操作系统)
由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;简单数据类型存放到栈里面。
2.2 堆(操作系统)
存储复杂数据类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。复杂数据类型存放到堆里面。
- 注意:JavaScript中是没有堆和栈的,现在了解以便后面学习其他语言。
3、简单类型的内存分配
- 简单数据类型是存放到栈里面,里面直接开辟一个空间,存放的是值,比如var age=18; 存放的就是18
4、复杂类型的内存分配
- 复杂数据类型存放到堆里面,比如 var arr=[1,2,3]; 1,2,3这三个元素是存放到堆里面的,arr先指向栈里面的地址,然后这个地址指向堆里面相应的数据
- 复杂数据类型首先在栈里面存放地址,用十六进制表示,然后这个地址指向堆里面的数据
5、简单类型传参
例1:
var num = 10;
var num = 20;
console.log(num); //20
为什么是20呢?因为简单数据类型直接把栈里面的值从10改为了20。
例2:
<script>
function fn(a) {
a++;
console.log(a); //1.输出的是11
}
var x = 10;
fn(x);
console.log(x); //2.输出的还是10
</script>
- 总结:函数的形参也可以看作是一个变量,当我们把一个值类型的变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做的任何修改,都不会影响到外部的变量。
6、复杂类型传参
<script>
function Person(name) {
this.name = name;
}
function f1(x) { //相当于x=p,只是把地址给了x,操作的是同一个对象
console.log(x.name); //2.这个输出的是什么? ——刘德华
x.name = '张学友';
console.log(x.name); //3.这个输出的是什么? ——张学友
}
var p = new Person('刘德华');
console.log(p.name); //1. 这个输出的是什么? ——刘德华
f1(p);
console.log(p.name); //4. 这个输出的是什么? ——张学友
</script>
- 总结:函数的形参也可以看作是一个变量,当我们把复杂类型的变量传给形参时,实际上给形参的是一个地址,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。