<!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();

js12--块作用域函数作用域的更多相关文章

  1. 变量作用域&函数作用域

    一. 变量作用域 1)全局变量 在全局环境下声明的变量被视为全局变量. 在没有使用var进行声明的时候,变量就被定义为全局变量.在ES5的严格模式下,如果变量没有使用var来声明是会报错的. 2)局部 ...

  2. 你不知道的Javascript（上卷）读书笔记之三 ---- 函数作用域与块作用域

    1. 函数中的作用域 函数作用域的含义是指属于这个函数的全部变量都可以在整个函数范围内使用以及复用 2. 隐藏内部实现 函数经常使用于隐藏”内部实现”,可以把变量和函数包裹在一个函数的作用域中,然后用 ...

  3. 洗礼灵魂，修炼python（22）--自定义函数（3）—函数作用域，闭包

    前面你看到嵌套两层的函数,也许你有感而发,想来点刺激的对不?那么如果每层内的变量名如果相同会怎样?拿个例子看下就知道: 报错了,报错信息大意是,本地变量‘num’引用前没有被赋值定义.这咋回事,我外层 ...

  4. 《你不知道的javascript》一、函数作用域和块作用域

    函数中的作用域 所谓函数作用域,就是属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b=a; function bar(c){ var c=b* ...

  5. 读书笔记-你不知道的JS上-函数作用域与块作用域

    函数作用域 Javascript具有基于函数的作用域,每声明一个函数,都会产生一个对应的作用域. //全局作用域包含f1 function f1(a) { var b = 1; //f1作用域包含a, ...

  6. Javascript中的词法作用域、动态作用域、函数作用域和块作用域（四）

    一.js中的词法作用域和动态作用域      词法作用域也就是在词法阶段定义的作用域,也就是说词法作用域在代码书写时就已经确定了.       js中其实只有词法作用域,并没有动态作用域,this的执 ...

  7. 函数作用域和块级作用域--你不知道的JavaScript

    et和const在{}内声明都会变为外部不能访问的值,但是const声明的是常量,也不能修改 函数是 JavaScript 中最常见的作用域单元.本质上,声明在一个函数内部的变量或函数会在所处的作用域 ...

  8. js的函数作用域跟块级作用域

    js的函数作用域跟块级作用域(原文地址:http://blog.csdn.net/huangjq36sysu/article/details/51085674)

  9. 从函数作用域和块级作用域看javascript的作用域链

    在ES6之前,javascript只有全局作用域和函数作用域.所谓作用域就是一个变量定义并能够被访问到的范围.也就是说如果一个变量定义在全局(window)上,那么在任何地方都能访问到这个变量,如果这 ...

随机推荐

  1. HDU3265 Examining the Rooms【stirling数】

    题目链接: http://acm.hdu.edu.cn/showproblem.php? pid=3625 题目大意: 有N个房间,每一个房间的要是随机放在某个房间内,概率同样.有K次炸门的机会. 求 ...

  2. Trie树的常见应用大总结（面试+附代码实现）

    (一)Trie的简单介绍 Trie树,又称字典树,单词查找树或者前缀树.是一种用于高速检索的多叉树结构,如英文字母的字典树是一个26叉树.数字的字典树是一个10叉树. 他的核心思想是空间换时间,空间消 ...

  3. vue24-webpack+vue-loader

    手动配置自己: webpack+vue-loader webpack加载模块 ------------------------------------- 如何运行此项目? 1. npm install ...

  4. Android GridView LruCache

    照片墙这种功能现在应该算是挺常见了,在很多应用中你都可以经常看到照片墙的身影.它的设计思路其实也非常简单,用一个GridView控件当作“墙”,然后随着GridView的滚动将一张张照片贴在“墙”上, ...

  5. 今天了解了些redis和memcached的知识

    提取于http://www.cnblogs.com/wupeiqi/articles/5132791.html 感谢博主 使用Redis有哪些好处? (1) 速度快,因为数据存在内存中,类似于Hash ...

  6. codeforces 710D Two Arithmetic Progressions(线性同余方程)

    题目链接: http://codeforces.com/problemset/problem/710/D 分析:给你两个方程 a1k + b1 and a2l + b2,求在一个闭区间[L,R]中有多 ...

  7. win7防火墙里开启端口的图文教程

    转载于:http://www.cnblogs.com/vipsoft/archive/2012/05/02/2478847.html 开启端口:打开“控制面板”中的“Windows防火墙”,点击左侧的 ...

  8. Ubuntu下通过Firefox Opera Chromium浏览器直接执行java应用程序（打开java jnlp文件）实现在服务器远程虚拟控制台完成远程管理的方法

    远程虚拟控制台依赖于java运行环境(jre),在通过浏览器打开链接前,系统必须安装jre环境,远程管理控制台其实就是一个java程序,打开相应的网站会下载一个jnlp(java网络加载协议)的文件, ...

  9. 《一》安装 TP5

    tp5 官方参考手册:http://www.kancloud.cn/manual/thinkphp5/118008 我这里采用的是 composer 安装,如果您没有安装 composer 的话 tp ...

  10. Facebook下载总结

    Facebook是美国的一个社交网络服务网站,至今注册用户已超越20亿,月活用户更是惊人的突破3亿. 这样庞大的一个社交类网站,每日产生的社交数据当然也是非常可观,而这些社交数据,更接近口语,所以是比 ...