1、基本概念:
简单类型又叫基本数据类型或值类型、复杂类型又叫引用类型。
- 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型。如string、number、Boolean、undefined、null
//简单数据类型 null 返回的是一个空的对象object
var timer = null;
console.log(typeof timer);
//应用:如果我们打算将变量存储为对象,暂时没想好放啥,这时可给null
- 引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型。通过new关键字创建的对象(系统对象、自定义对象),如Object、Array、Date等。
2、堆和栈:
堆栈空间分配区别:
- 栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;简单数据类型存放到栈里面
- 堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。复杂数据类型存放到堆里面
注意:JavaScript里面并没有堆栈的概念,通过堆栈的方式,可以让大家更容易理解代码的一些执行方式,便于将来学习其他语言
3、简单数据类型内存分配
存放在栈里面,里面直接开辟一个空间存放得是值
4、复杂数据类型内存分配
首先在栈里面存放地址,以十六进制表示,然后地址指向堆里面的数据
5、简单类型传参
问:以下代码的结果是?
function fn(a) {
a++;
console.log(a);
}
var x = 10;
fn(x);
console.log(x);
分析:
1、先把变量提前,var x = 10;
2、fn(x);就是把x的值赋给变量a,也就是a=10,并调用函数fn();
3、a++ 也就是a的值加1,变成11,输出;
4、输出x的值,依旧不变
答:11,10
注意:函数的形参也可以看作一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实就是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何更改,都不会影响到外部变量。
6、复杂数据类型传参
问:以下代码的结果是?
//复杂数据类型传参
function Person(name) {
this.name = name;
}
function f1(x) {
console.log(x.name); //这个输出什么?
x.name = "张学友";
console.log(x.name); //这个输出什么?
}
var p = new Person("刘德华");
console.log(p.name); //这个输出什么?
f1(p);
console.log(p.name); //这个输出什么?
分析:
1、前俩个函数方法不调用
2、 var p = new Person("刘德华");console.log(p.name);变量指向Person,输出刘德华
分析:
3、调用f1(p);x=p;也就是将p的地址复制一份给了x;同一个地址则指向同一个对象。
4、函数里面第一个console.log(x.name);其中x也是刘德华,也就输出刘德华
分析:
5、此时接下来俩语句为:
x.name = "张学友";
console.log(x.name);
x的值重新赋值为张学友,则输出张学友
分析:
6、最后一步:console.log(p.name); 根据上图可知p指向的name变成了张学友,则输出张学友
//复杂数据类型传参
function Person(name) {
this.name = name;
}
function f1(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.这个输出什么? 张学友
完整的结果如上。
注意:函数的形参也可以看作一个变量,当我们把一个引用类型变量作为参数传给函数的形参时,其实就是把变量在栈空间里的堆地址复制了一份给形参,形参实参保存的是同一个堆地址,所以操作得是同一个对象。
注:后面开始web API