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元素)时,这种算法仍然可能会导致问题。
  • 当代码中存在循环引用现象时,“引用计数”算法就会导致问题。
  • 解除变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。为了确保有效地回收内存,应该及时解除不再使用的全局对象、全局对象属性以及循环引用变量的引用。
posted on 2022-04-07 10:46  cookie的笔记簿  阅读(36)  评论(0编辑  收藏  举报