码迷,mamicode.com
首页 > 其他好文 > 详细

闭包和匿名函数

时间:2016-11-07 02:01:24      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:pre   img   images   打印   方式   ges   例子   ret   保存   

在高级程序设计里,描述闭包是指有权访问另一个函数作用域中的变量的函数。

而经常创建方式是一个函数里包含另一函数。

而匿名函数就如“匿名”这两个意思一样。

所以匿名函数和闭包不是同一个概念。

在高级程序设计里描述匿名函数的执行环境具有全局性,所以this指向为window。这就是

为什么有时候发现this指向,不是自己所想的对象的问题。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var name="a";
        var obj={
            name:"b",
            showFn:function(){
                return (function(){
                    return this.name;
                })();
            }
        }
        console.log(obj.showFn());
    </script>
</body>
</html>

打印结果为“a”

测试中可知:this指向window,所以才打印出“a”;

闭包:

简单的例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
     name="cde"; function a(){ var name="abc"; function b(){ alert(name); }; b(); } a(); </script> </body> </html>

然而使用画图更好理解:

技术分享

 

 

 而这里的0表示自己的执行环境,1是上级执行环境,2是上上级执行环境,以此类推。

而变量查找是就近原则的,在自己最近的作用域查找到就会停止查找。

而这里活动对象的理解,很重要,因为只有函数在被调用时才是变量对象才是活动的,

才会去查找所要的变量。

如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function a(){
            var name="abc";
            var arr=[];
            for(var i=0;i<4;i++){
                arr[i]=function b(){
                    alert(i);
                };
            }
            return arr;
            
        }
        a()[0]();
        a()[1]();
        a()[2]();
    </script>
</body>
</html>

弹出的结果都是4;

这是因为函数执行时内部函数没有在执行,而是内部函数执行完之后被调用时才执行,所以

这时活动对象上级作用域的变量都是同一一个值了;

还有闭包的执行环境结束了,活动对象也不会被销毁,这就像全局作用域,所以闭包里的变量是不会被

回收的,会一直保存着。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function a(){
            var num=0;
            return function b(){
                num++;
                console.log(num);
            }
        }
        var m1=a();
        m1();
        m1();
        m1();
    </script>
</body>
</html>
结果:
1,,2,3

 

虽然使用闭包要谨慎;

但使用闭包可以避免全局污染的问题。

 

闭包和匿名函数

标签:pre   img   images   打印   方式   ges   例子   ret   保存   

原文地址:http://www.cnblogs.com/zhangzhicheng/p/6036878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!