js12--块作用域函数作用域

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script type=text/javascript charset=utf-8>
        //闭包就是执行环境的范围。每return一次就返回一个新的对象出去新的地址
        
        //1 执行环境 window对象(最上层的执行环境)
        var color1 = "blue";
        function changeColor(){ // 每一个函数 都有一个执行环境 (variable obj)
            var color2 = "red";
            function swapColor(){        // 这个函数 又产生了一个执行环境 (variable obj)
            
                // c3 3级作用域  c2 2级作用域 c1 1级作用域
                var color3 = color2; 
                color2 = color1;
                color1 = color3;
                //这里可以访问:color1、2、3
            }
            //这里可以访问color1、color2、但不能访问color3
            swapColor();
        }
        //这里只能访问color1
        changeColor();         // 作用域 window  第一个作用环境    
        // 环境变量 可以一层一层的向上进行追溯 可以访问它的上级 环境(变量和函数) 
        // 一层一层的像上追溯
        </script>
    </head>
    <body>
    </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script type=text/javascript charset=utf-8>
        //垃圾收集 方法1 标记方法  2 引用计数法(变量被引用就标记+1,)
        function test(){
             var a = 10 ;     //标记为被使用   
             var b = 20 ;    //标记为被使用
             var c ;
        }
        test(); //函数执行完毕 之后 a、b又被标记了一次 :没有被使用
        
        
        //块级作用域的概念,java有for、if、大括号 有块级作用域的概念{}大括号范围、
        // js 没有大括号范围,只有函数作用域范围,i属于函数的局部域
        function test(){
            for(var i = 1 ; i <=5; i++){  //i
                alert(i);
            }
            alert(i);  //6
        }
        test();
        alert(i);// i is not defined
        
        {
            for(var i = 1 ; i <=5; i++){  //i
                alert(i);
            }
        }
        alert(i);  //6
        
        
        
        
        //javascript模拟块级作用域, js : () 表示执行
        function test(){
            (
                function(){
                    for(var i = 1 ; i <=5; i++){  //i
                        alert(i);
                    }                        
                }
            )
            ();
            alert(i);//undefined
        }
        test();
        (function(){alert('我直接执行了!');})();
        </script>
    </head>
    <body>
    </body>
</html>
执行环境(execution context)定义了变量或函数有权访问的其他数据,每一个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。
全局执行环境是最外围的一个执行环境。根据ECMScript实现所在的宿主环境(web浏览器window,手机,平板)不同,表示执行环境的对象也不一样。
每一个函数都有自己的执行环境。当执行流进一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出,把控制权返还给之前的执行环境。当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。






javascript是一门具有自动垃圾收集机制的编程语言。开发人员不必关心内存分配和回收问题。每隔一段时间执行看是不是没有被引用了,没有被引用就回收。
离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间被删除。标记清除是目前主流的垃圾收集算法。这种算法的思想是给当前不使用的值加上标记,然后回收其内存。
javascript里面没有块级作用域的概念,和C、JAVA等高级语言不同。所以在使用if、for时候要格外的小心。
function test(){
    function(){  //不能这么写
        for(var i = 1 ; i <=5; i++){  //i
            alert(i);
        }                        
    }
    
    var d = function(){//不能不写var d = ,语法过不了,此时把函数里面当成类里面看待。可以这么写,但是函数不执行
        for(var i = 1 ; i <=5; i++){  //i
            alert(i);
        }                        
    }
    
    (function(){   //可以这么写,但是函数不执行
        for(var i = 1 ; i <=5; i++){  //i
            alert(i);//1,2,3,4,5
        }                        
    })
    alert(i);//i is not defined
    
    (function(){ //函数立即执行
        for(var i = 1 ; i <=5; i++){  //i
            alert(i);//1,2,3,4,5
        }                        
    })();
    alert(i);//i is not defined
}
test();
原文地址:https://www.cnblogs.com/yaowen/p/6865212.html