函数—07执行环境和作用域

weixin_36282409

于 2018-11-07 20:56:06 发布

阅读量114

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_36282409/article/details/83831728

学习专栏收录该内容

70 篇文章

订阅专栏

本文深入探讨了JavaScript中的作用域概念，包括全局执行环境、函数内的执行环境及闭包原理。通过具体代码示例，展示了不同层级作用域中变量的访问与交换过程，帮助读者理解JavaScript内存管理机制。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>New Web Project</title>
    <script type="text/javascript" charset="UTF-8">
        //1.执行环境window对象（最上层的执行环境）
        
        var color1 = "blue";
        function changeColor(){//每一个函数，都有一个执行环境（variable obj）
            var color2 = "red";
            function swapColor(){//这个 函数，又产生了一个执行环境（variable obj）
                //c3 3级作用域  c2 2级2作用域  c1 1级作用域
                var color3 = color2;
                color2 = color1;
                color1 = color3;
                //这里可以访问：color1、2、3
                                    
            }
            //这里可以访问 color1、color2但不能访问color3
            swapColor();
            
        }
        //这里只能访问color1
        changeColor();//作用域window第一个作用环境
        //环境变量：可以一层一层进行追溯，可以访问他的上级环境（变量和函数）
               
    </script>
</head>
<body>
    <h1>New Web Project Page</h1>
</body>