第四章 变量、作用域和内存
-
基本类型和引用类型的值
1.首先我们知道基本类型和引用类型的区别,在第3章中我们知道在JavaScript中的五大基本数据类型是Undefined、Null、Boolean、String、Number。(es6中新增Symbol)而引用类型的值是保存在内存中的对象。在操作对象的时候,是操作对象的引用而不是操作实际的对象。这里要注意的是,像在Java中,String类型是以对象的形式来表示,但是ECMAScript中不是。
2.引用类型需要了解的就是,对于对象的引用,当new一个对象以后对象是存放在堆内存中。当结果赋值给新对象,只是对堆内存里的对象产生了一个新的指针,来连接新的对象。
var obj1 = new Object();
var obj2 = obj1;
obj1.name = "Nicholas";
alert(obj2.name); //"Nicholas"
比如如上: obj1赋值给obj2的过程表明产生了两个对象指针指向堆内存里的Object,而本身他们所处的内存空间是不相互影响。
3.对于引用类型和基本类型的作用域我们可以看到区别:
基本类型
function addTen(num) {
num += 10;
return num;
}
var count = 20;
var result = addTen(count);
alert(count); //20,没有变化
alert(result); //30
引用类型
function setName(obj) {
obj.name = "Nicholas";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
这里我们看到,当参数是基本类型的时候,函数调用后,参数num的值被加上10,尽管num 和count的值相同,但他们不认识,不会因为其中一个的变化而改变。
而引用类型中,obj和person引用的是同一个对象,也就是他们都有一把小指正指到同一个对象上,我改的也是你指的它。所以内部的.name的赋值会影响到外部的person变量。这个时候可能会有误区:对象是按引用类型传递
对象是按值传递的
如果对象是引用类型传递的话,在函数内部我们将引用进来的对象进行新的地址的更改,它就会跟着改变。
但是,下面的代码可以看到,不能通过一个新的对象的引用进行更改。所以,在原有基础上的更改还是基于值的传递。
function setName(obj) {
obj.name = "Nicholas";
obj = new Object();
obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
-
执行环境及作用域
内部可访问外部的变量,但外部不能访问内部的变量。
如下:
var color = "blue";
function changeColor(){
var anotherColor = "red";
function swapColors(){
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
// 这里可以访问 color、anotherColor 和 tempColor
}
// 这里可以访问 color 和 anotherColor,但不能访问 tempColor
swapColors();
}
// 这里只能访问 color
changeColor();
解释就是:内部环境可以通过作用域链访问外部环境,外部环境不能访问内部环境中的任何变量和函数。
关于块级作用域:
JavaScript的块级作用域这里要了解,在if和for循环中,创建的变量不会在执行后销毁,这一特性和C类型的语言不同
如下:
if (true) {
var color = "blue";
}
alert(color); //"blue"
for (var i=0; i < 10; i++){
doSomething(i);
}
alert(i); //10
当全局变量和局部变量存在的时候,优先访问到局部变量
var color = "blue";
function getColor(){
var color = "red";
return color;
}
alert(getColor()); //"red"
-
垃圾收集
JavaScript具有自动垃圾收集机制。我们在前面几章已经知道,局部变量在函数结束后会被清理,然而不是所有的清理情况都那么好判断,于是有了以下的策略。
1.标记清除。将变量标记为进入环境和离开环境两种。清除离开环境的标记
2.引用计数。不太常用。引用次数随着引用对象的数量增加和减少。但是确会出现循环引用的问题,就是一个圈,死循环。这里补充一个地方就是,IE9以前的BOM和DOM对象不是真正的Js对象。是使用C++以COM对象的形式实现,会出现以上的循环引用问题。
3.给一个数据设置为null可以解除引用。