js 闭包函数以及 回调函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
   
    // 函数闭包
    /*
    *闭包函数是指有权访问另一个函数作用域中的变量的函数,
    *  创建闭包函数最常见的方式是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量
    * 闭包的特点:1函数嵌套函数,
    *            2 函数内部可以引用外部的参数和变量
    *            3 参数和变量不会被垃圾回收机制回收
    * 闭包的优点:1 希望一个变量长期驻扎在内存中
    *            2 避免全局变量的污染
    *            3 私有变量存在
    * 闭包的实现 1:函数嵌套函数
    *           2 外层函数返回内层函数
    *           3 外面有一全局变量接受外层函数
    * */
    function fun1() {
        var sum=0;
        function fun2() {
            sum++;
            return sum
        }
        return fun2
    }
    var s=fun1();
    console.log(s());
    console.log(s());
    console.log(s());
    s=null;
    console.log(s);


    //  自执行函数  的闭包
    //
    var fun3=function () {
       var a=3;
       return{
           b:7,
           sum:function () {
               return this.b+a;
           }
       }
    }();
    console.log(fun3.sum());
    console.log(fun3.sum());


    /*
        *  把函数名当参数调用
        *  回调函数
        *
        * */
    function b() {
        console.log("b");
    }
    function c() {
        console.log("c");
    }
    function d(fun) {
        fun();
    }
    d(b);
    d(c);


    // 循环
    var num=0;
    function a1(fun) {
        fun(a1);
    }
    function a2(fun) {
        num++;
        console.log(num);
        if(num>10) return;
        fun(a2);
    }
    a1(a2);

    // 事件函数  也是 回调函数
    this.addEventListener("click",clickHandler);
    function clickHandler(e) {

    }
    setInterval(animation,16);
    function animation() {

    }
</script>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值