首页 > 代码库 > 高程（4）：执行环境、作用域、上下文执行过程、垃圾收集、try...catch...

高程（4）：执行环境、作用域、上下文执行过程、垃圾收集、try...catch...

2024-08-18 02:08:39   216人阅读

高程三 4.2、4.3

一、执行环境

1、全局执行环境是最外层的执行环境。

2、每个函数都有自己的执行环境，执行函数时，函数环境就会被推入一个当前环境栈中，执行完毕，栈将其环境弹出，把控制器返回给之前的执行环境。

二、作用域

1、每个执行环境，都对应一个自己的作用域。

2、每个执行环境，都能访问上一级的父级、父父级、...作用域，称为 “作用域链”

3、执行代码时，会按照标识符沿着作用域链一级一级向上查找。如果找不到，则会报错

　　＊标志符：执行时，使用到的变量或函数

三、上下文执行过程

进入执行环境后 代码执行前，编译器进行三个步骤：

1、查找并提升 “函数所有行参” 的声明（如果有行参的话）

2、查找并提升 “执行环境内部所有函数” 的声明

3、查找并提升 “执行环境内部所有变量” 的声明

上个例子：

function show(a, b) {
    //三步骤：
    
    /*
        // 1: 查找并提升 “函数所有行参” 的声明
        a = function() { console.log(‘aa‘); };
        b = undefined; 
    */
    
    /*
        // 2: 查找并提升 “执行环境内部所有函数” 的声明
        // 此时 a的指向替换掉1中 a指向的函数
        a = function() { console.log(‘a222‘); }
    */
    /*
        // 3: 查找并提升 “执行环境内部所有变量” 的声明
        // 由于变量 优先级没有 函数高，所以此时a变量提升后无法替换上面的 a作为函数的指向
        b = undefined;
    */
    
    alert(a); // function a() { console.log(‘a222‘); }

    function a() { console.log(‘a222‘); }
    var a = 123;
    var b = 222;
    alert(a);  // 123
    alert(b);  // 222
}
show(function() { console.log(‘aa‘); });

注意：上面例子，第3步 由于变量声明提升的优先级，没有 函数声明提升的优先级高，所以 即使是发现了同名变量a，也无法替换到之前定义的a函数

可以参考：http://www.cnblogs.com/TomXu/archive/2012/01/16/2309728.html

四、垃圾收集

Javascript具有自动垃圾收集机制

1、原理：找出那些不需要再继续使用的变量，然后释放其占用的内存。

为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）周期性地执行这一操作。

2、一般引擎采用两个策略：标记清除、引用计数

注意：虽然，js有自动垃圾收集机制，但是 为了性能优化，可以做到一点：

　　a: 对象或函数或事件使用完后，重置为null，意味着切断变量与它此前引用的值之间的连接，下次垃圾收集器运行时，会删除这些值，并回收它们占用的内存。

五、try...catch(ex)...

try : 捕获异常语句

catch : 异常后续处理语句

function show() {
    var msg = ‘参数至少为一个‘;
    try {
        if (arguments.length == 0) {
            throw new Error(msg);
            // 异常后面的语句无法执行
            console.log(‘error...‘); 
        }
        // 不影响if外面的执行
        console.log(‘go on...‘); //输出 go on...
    } catch (ex) {
        console.log(ex);
        throw new Error(msg);
    }
}

注意：

1、if内部抛出的异常只会影响，if内部后面的执行。而不会影响if外面的语句执行。

2、try...catch...常用在插件中。

 

高程（4）：执行环境、作用域、上下文执行过程、垃圾收集、try...catch...


联系
我们