day 26闭包

1、自运行

自运行,即函数在定义的同时自己运行,这是学习闭包的基础。

注意事项:自运行一般针对与匿名函数。

<script>
    // a.
    (function(){
        console.log('hh');
    }());
    // b.
    (function(){
        console.log('xx')
    })();
    //c. 
    void
    function() {
        console.log("xixi");
    }();
    !function(){
        console.log('yyy')
    }();
</script>

2、闭包

官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境表达式(通常是一个函数),因而这些变量也是该表达式的一部分。(函数就是一个表达式)

通俗的来说:javascript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的闭包。

什么是闭包:闭包是指在函数外部访问函数作用域中变量(局部变量)的函数;或者说闭包就是能够读取其他函数内部变量的函数;或者说闭包是指有权访问另一个函数作用域中的变量的函数;由于在javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以吧闭包简单理解为定义在一个函数内部的函数。

<script>
    // 1.什么是闭包a.
    function fun(){
        var count=0;
        function fun1(){
            return count++;
        }
        return fun1;
    }
    var f=fun();//打破了垃圾回收机制
    console.log(f());
    console.log(f());
    console.log(f());
  /*   被嵌套的函数成为闭包
       作用:在fun的函数体外,可以使用fun的内部局部变量
       实现方法:在fun函数体内定义内部函数fun1,子函数fun1可以使用父元素fun的局部变量count;
       将fun1作为父元素fun的返回值,
       通过全局变量f绑定了fun1,从而延长了fun1和count的生命周期
       从而实现可以通过外部访问fun的内部局部变量count */
    // b.
       function fun(){
        var count=0;
        return function(){
            return count++;
        }
    }
    var f=fun();//打破了垃圾回收机制
    console.log(f());
    console.log(f());
    console.log(f());
    // c.
    var f=(function(){
        var count=0;
        return function(){
            return count++
        }
    }());
    console.log(f());
    console.log(f());
    console.log(f());
</script>

3、函数对象

<script>
    // a.
    function fun(){
        console.log('hh')
    }
    // b.
    let fun1=function(){
        console.log('xx')
    }
    // c.
    //let fun2 = new Function([函数的参数列表用逗号分开],函数体);
    let fun2=new Function("console.log('yyy')")
    fun2();
    let fun3=new Function("a","b","console.log(a*b)")
    fun3(1,2)
    let f1 = function() { //new Function(...)
        let count = 0;
    }
    let f2 = function() { //new Function(...)
        let count = 0;
    }

    console.log(f1 == f2);//结果是false,因为f1和f2都是一个地址,他们保存的地址不同
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值