JavaScript高级程序设计——第四章 变量、作用域和内存问题

JavaScript高级程序设计（红宝书）

第四章 变量、作用域和内存问题

按值访问的基本数据类型：undefined、null、boolean、number、string。

引用类型：值是保存在内存中的对象。

定义方式类似：创建一个变量并为该变量赋值。

引用类型的值，可以添加属性和方法，也可以改变和删除。

obj1复制了一份对象值到obj2当中，obj2和obj1指向同一个对象。

传递参数

参数只能按值传递。

基本类型，被传递的值会被复制给一个局部变量。

引用类型，值在内存中的地址被复制给一个局部变量。

function setName(obj){
    obj.name = "nancy";
    obj = new Object();
    obj.name = "GReg";
}

console.log(person.name)
VM542:1 nancy

有很多开发人员错误地认为：在局部作用域中修改的对象会在全局作用域中反映出来，就说明参数是按引用传递的。

即使在函数内部修改了参数的值，但原始的引用仍然保持未变。实际上，当在函数内部重写obj时，这个变量号引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。

检测类型

检测数据类型的值，typeof；检测引用类型的值，instanceof，什么类型的对象。

console.log(obj1 instanceof Object);
VM1629:1 true

在检测一个引用类型值和Object构造函数时，instanceof操作符始终会返回true。

执行环境及作用域

执行环境定义了变量或函数有权访问的其他数据，每个执行环境都有一个与之关联的变量对象（variable object）。

所有全局变量和函数都是作为window对象的属性和方法创建的。

每个函数都有自己的执行环境。

当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。

作用域链的用途，保证对执行环境有权访问的所有变量和函数的有序访问。

作用域链的前端，始终都是当前执行的代码所在环境的变量对象。

3个执行环境：

全局环境、changeColor()的局部环境、swapColors()的局部环境。

无论全局环境还是changeColor()的局部环境都无权访问tempColor。然而，在swapColors()内部则可以访问其他两个环境中的所有变量，因为那两个环境是它的父执行环境。

对于这个例子中的swapColors()而言，其作用域链中包含3个对象：swapColors()的变量对象，changeColor()的变量对象和全局变量对象。swapColors()的局部环境开始时会先在自己的变量对象中搜索变量和函数名，如果搜索不到则再搜索上一级作用域链。changeColor()的作用域链只包含两个对象：自己的变量对象和全局变量对象。

延长作用域链

function buildUrl(){
    var qs = "?debug=true";
    with(location){
        var url = href + qs;
    }
    return url;
}

buildUrl(location.url)
'file:///D:/04-qianduan/learning/web/linshi/linshi.html?debug=true'
buildUrl(url)

没有块级作用域

这里是在一个if语句中定义了变量color。如果是在C、C++或Java中，color会在if语句执行完毕后被销毁。但在JavaScript中，if语句中的变量声明会将变量添加到当前的执行环境（在这里是全局环境）中。在使用for语句时尤其要牢记这一差异，例如：

for (var i = 0; i<50; i++){
    
}

console.log(i)
50

声明变量

使用var声明的变量会自动被添加到最接近的环境中。如果初始化变量时没有使用var声明，该变量会自动被添加到全局环境。

查询标识符

var color = "blue";
function getColor(){
    return color;
}
 
console.log(getColor())

'blue'

var color = "blue";
function getColor(){
    color = "purple";
    return color;
}
 
console.log(getColor())

'purple'

垃圾收集

标记清除

引用计数，跟踪记录每个值被引用的次数。

循环引用是个问题。

性能问题

管理内存

JavaScript变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型的值源自以下5种基本数据类型：Undefined、Null、Boolean、Number和String。基本类型值和引用类型值具有以下特点：

• 基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中；
• 从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本；
• 引用类型的值是对象，保存在堆内存中；
• 包含引用类型值的变量实际上包含的并不是对象本身，而是一个指向该对象的指针；
• 从一个变量向另一个变量复制引用类型的值，复制的其实是指针，因此两个变量最终都指向同一个对象；
• 口确定一个值是哪种基木类型可以使用typeof操作符，而确定一个值是哪种引用类型可以使用instanceof操作符。

所有变量（包括基本类型和引用类型）都存在于一个执行环境（也称为作用域）当中，这个执行环境决定了变量的生命周期，以及哪一部分代码可以访问其中的变量。以下是关于执行环境的几点总结；

• 执行环境有全局执行环境（也称为全局环境）和函数执行环境之分：
• 每次进入一个新执行环境，都会创建一个用于搜索变量和函数的作用域链；
• 函数的局部环境不仅有权访问函数作用域中的变量，而且有权访问其包含（父）环境，乃至全局环境；
• 全局环境只能访问在全局环境中定义的变量和函数，而不能直接访问局部环境中的任何数据；
• 变量的执行环境有助于确定应该何时释放内存。

JavaScript是一门具有自动垃圾收集机制的编程语言，开发人员不必关心内存分配和回收问题。可以对JavaScript的垃圾收集例程作如下总结。

• 离开作用域的值将被自动标记为可以回收，因此将在垃圾收集期间被删除。
• “标记清除”是目前主流的垃圾收集算法，这种算法的思想是给当前不使用的值加上标记，然后再回收其内存。
• 另一种垃圾收集算法是“引用计数”，这种算法的思想是跟踪记录所有值被引用的次数，JavaScript引擎目前都不再使用这种算法；但在IE中访问非原生JavaScript对象（如DOM元素）时，这种算法仍然可能会导致问题。
• 当代码中存在循环引用现象时，“引用计数”算法就会导致问题。
• 解除变量的引用不仅有助于消除循环引用现象，而且对垃圾收集也有好处。为了确保有效地回收内存，应该及时解除不再使用的全局对象、全局对象属性以及循环引用变量的引用。