JavaScript作用域原理（三）——作用域根据函数划分

时间：2014-09-30 11:19:32 阅读：200 评论：0 收藏：0 [点我收藏+]

标签：style blog http color io os ar java for

一、一个for实例

<p id="scope3" style="color:red"></p>

　　　　 var pscope3 = document.getElementById(‘scope3‘);
        function scope3() {
            for(var i=0; i<10; i++){ 
               
            }
            echo(pscope3,  i);
        }
        scope3();

1、函数在java、C#等语言中，变量i只会在for循环语句中有定义，循环结束，i也就被销毁了。但在JavaScript中，变量i是定义在scope3()活动对象中的，因此在它定义开始，就可以在函数内部访问它。

2、打印出的i为“10”。

3、函数scope3等效于下面的代码：

　　　　 function scope3() {
            var i;
            for(i=0; i<10; i++){ 
               
            }
            echo(pscope3,  i);
        }

二、私有作用域的匿名函数

　　　　 function anonymous() {
            var position = ‘in anonymous‘;
            (function(){
                for(var i=0; i<10; i++){ 
               
                }
                echo(pscope3, position);//打印显示"in anonymous"
            })();
            //pscope3.innerHTML += i;//报错
        }
        anonymous();

1、匿名函数可以用来模仿块级作用域，避免上面的那个问题。

2、在for循环外部插入了一个私有作用域。在匿名函数中定义的任何变量，都会在执行结束时被销毁。

3、上面的那句注释掉的话，取消注释的话，就会显示错误信息：“ReferenceError: i is not defined”。

4、作用域的关系大致如下：

bubuko.com,布布扣

5、position是定义在anonymous函数中的，但可以在匿名函数中打印出来，因为anonymous的作用域包住了匿名函数，在匿名函数中找不到position定义，就往外找。

三、try语句catch部分的特殊情况

　　　　 function capture() {
            var ex = ‘in capture‘;
            try{  
                i;
            }catch(ex){
                var position= ‘in catch‘;
                echo(pscope3, ex); //ReferenceError: i is not defined
                var ex = ‘is catching‘;
                echo(pscope3, position);//in catch
                echo(pscope3, ex);//is catching
            }
            echo(pscope3, position);//in catch
            echo(pscope3, ex); //in capture 不是catch中赋的值
            echo(pscope3, window.ex); //undefined
        }
        capture();