zoukankan      html  css  js  c++  java
  • 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();
  • 相关阅读:
    常量的定义
    二进制、八进制、十进制、十六进制间的转换
    使用简单的 5 个步骤设置 Web 服务器集群
    新手推荐:IIS+PHP+MYSQL环境配置教程
    windows7 iis安装与配置
    web服务器配置方法
    如何配置web服务器
    系统没有“internet信息服务(IIS)管理器”
    Html 内嵌 选择器属性 Dom操作 JavaScript 事件
    <转载>使用css让大图片不超过网页宽度
  • 原文地址:https://www.cnblogs.com/yaowen/p/6865212.html
Copyright © 2011-2022 走看看