《Javascript 高级程序设计(第三版)》笔记0x5 变量|作用域|内存

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/funkstill/article/details/84817166

目录

 

基本类型和引用类型的值

   动态的属性 

   复制变量值

   传递参数

   检测类型 

执行环境及作用域

      全局执行环境:

      函数执行环境:

      作用域链(scope chain):

    延长作用域链

    没有块级作用域

      声明变量

       查询标识符

垃圾收集

    标记清除

    引用计数 

    性能问题

    管理内存


基本类型和引用类型的值

      基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象。与其他语言不同, JavaScript 不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。为此,引用类型的值是按引用访问的。(注:为对象添加属性时,操作的是实际的对象。)

   动态的属性 

//引用类型
var person = new Object();
person.name = "Nicholas";
alert(person.name); //"Nicholas"
//基本类型
var name = "Nicholas";
name.age = 27;
alert(name.age); //undefined

   复制变量值

//基本类型:复制副本,互不影响
var num1 = 5;
var num2 = num1;
//引用类型:指针引用,相互影响
var obj1 = new Object();
var obj2 = obj1;
obj1.name = "Nicholas";
alert(obj2.name); //"Nicholas"

   传递参数

      ECMAScript 中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。基本类型值的传递如同基本类型变量的复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。

//基本类型
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"

function setName(obj) {
	obj.name = "Nicholas";
	obj = new Object();
	obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
//当在函数内部重写 obj 时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。

       可以把 ECMAScript 函数的参数想象成局部变量。

   检测类型 

var s = "Nicholas";
var b = true;
var i = 22;
var u;
var n = null;
var o = new Object();

alert(typeof s); //string
alert(typeof i); //number
alert(typeof b); //boolean
alert(typeof u); //undefined
alert(typeof n); //object
alert(typeof o); //object

//检测引用类型result = variable instanceof constructor
alert(person instanceof Object); // 变量 person 是 Object 吗?
alert(colors instanceof Array); // 变量 colors 是 Array 吗?
alert(pattern instanceof RegExp); // 变量 pattern 是 RegExp 吗?

执行环境及作用域

      execution context。定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。

      全局执行环境:

     根据 ECMAScript 实现所在的宿主环境不同,表示执行环境的对象也不一样。在 Web 浏览器中,全局执行环境被认为是 window 对象,因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁(全局执行环境直到应用程序退出——例如关闭网页或浏览器——时才会被销毁)。

      函数执行环境:

     当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。 ECMAScript 程序中的执行流正是由这个方便的机制控制着。 

      作用域链(scope chain):

      保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即 arguments 对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。

var color = "blue";
function changeColor(){
	if (color === "blue"){
		color = "red";
	} else {
		color = "blue";
	}
}
changeColor();
alert("Color is now " + color);

      局部作用域中定义的变量可以在局部环境中与全局变量互换使用

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();

    延长作用域链

      可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除。

         try-catch 语句的 catch 块;

         with 语句

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

    没有块级作用域

/*
*	在一个 if 语句中定义了变量 color。如果是在 C、 C++或 Java 中, color 会在 if 语句执
*	行完毕后被销毁。但在 JavaScript 中, if 语句中的变量声明会将变量添加到当前的执行环境(在这里是
*	全局环境)中。
*/
if (true) {
	var color = "blue";
}
alert(color); //"blue"
/*
*	对于 JavaScript 来说,由 for 语句创建的变量 i 即使在 for 循环执行结束后,也依旧会存在
*	于循环外部的执行环境中。
*/
for (var i=0; i < 10; i++){
	doSomething(i);
}
alert(i); //10

      声明变量

      使用 var 声明的变量会自动被添加到最接近的环境中。在函数内部,最接近的环境就是函数的局部环境;在 with 语句中,最接近的环境是函数环境。如果初始化变量时没有使用 var 声明,该变量会自动被添加到全局环境。

function add(num1, num2) {
	var sum = num1 + num2;
	return sum;
}
var result = add(10, 20); //30
alert(sum); //由于 sum 不是有效的变量,因此会导致错误

function add(num1, num2) {
	sum = num1 + num2;
	return sum;
}
var result = add(10, 20); //30
alert(sum); //30

       查询标识符

      搜索过程从作用域链的前端开始,向上逐级查询与给定名字匹配的标识符。如果在局部环境中找到了该标识符,搜索过程停止,变量就绪。如果在局部环境中没有找到该变量名,则继续沿作用域链向上搜索。搜索过程将一直追溯到全局环境的变量对象。如果在全局环境中也没有找到这个标识符,则意味着该变量尚未声明。

var color = "blue";
function getColor(){
	return color;
}
alert(getColor()); //"blue"

var color = "blue";
function getColor(){
	var color = "red";
	return color;
}
alert(getColor()); //"red"

垃圾收集

      JavaScript 具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。(周期性地执行)

    标记清除

      垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记(当然,可以使用任何标记方式)。然后,它会去掉环境中的变量以及被环境中的变量引用的变量的标记。而在此之后再被加上标记的变量将被视为准备删除的变量,原因是环境中的变量已经无法访问到这些变量了。最后,垃圾收集器完成内存清除工作,销毁那些带标记的值并回收它们所占用的内存空间。

    引用计数 

        跟踪每个值被引用次数计数,当计数为零时回收。注意:循环引用会导致无法回收。

    性能问题

      触发垃圾收集的变量分配、字面量和(或)数组元素的临界值被调整为动态修正。

    管理内存

      出于安全考虑,分配给 Web浏览器的可用内存数量通常要比分配给桌面应用程序的少。因此,确保占用最少的内存可以让页面获得更好的性能。而优化内存占用的最佳方式,就是为执行中的代码只保存必要的数据。一旦数据不再有用,最好通过将其值设置为 null 来释放其引用——这个做法叫做解除引用(dereferencing)。这一做法适用于大多数全局变量和全局对象的属性。局部变量会在它们离开执行环境时自动被解除引用。

function createPerson(name){
    var localPerson = new Object();
    localPerson.name = name;
    return localPerson;
}
var globalPerson = createPerson("Nicholas");
// 手工解除 globalPerson 的引用
globalPerson = null;

      解除引用的真正作用是让值脱离执行环境,以便垃圾收集器下次运行时将其回收。

猜你喜欢

转载自blog.csdn.net/funkstill/article/details/84817166