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();
复制代码

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/6865212.html,如需转载请自行联系原作者

相关文章
|
3月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
135 19
|
10月前
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
5月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
7月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
157 32
|
6月前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
10月前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
175 11
|
10月前
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
10月前
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
10月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
11月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。