FFF啊啊啊

导航

闭包

什么是闭包?

闭包 ( closure )是指有权访问另一个函数作用域中变量的函数
简单理解就是,一个作用域可以访问另外一个函数内部的局部变量。

( 变量根据作用域的不同分为两种:全局变量和局部变量
    在函数内部的称为局部变量
    在函数外部的称为全局变量
    函数内部可以使用全局变量,函数外部不可以使用局部变量
    当函数执行完毕,本作用域内的局部变量会销毁)

function fn(){
    var num = 10;
    function fun(){
        console.log(num);
    }
    fun();
}
fn();
> 10

如上,fun这个函数作用域 访问了另外一个函数fn里面的局部变量num,fn是一个闭包函数。被访问的变量所在的函数就是闭包函数。

闭包的作用:

作用 :延伸了变量的作用范围,在函数外面的作用域可以访问函数内部的局部变量。
注意点 :局部变量会等所有的函数都调用完毕,才会销毁。

闭包的应用:

用一个生活中常见的例子来应用:

<body>
    <script>
        // 闭包应用-计算打车价格
        // 打车起步价13(3公里以内),之后每多一公里增加5块钱,用户输入公里数可以计算打车价格
        // 如果有拥堵情况,总价格多收取10块钱拥堵费
        // 声明一个函数,然后调用它,不够简洁,可声明匿名函数
        // function fn(){}
        // fn();
        // 匿名函数直接执行
        var car = (function(){
            var start = 13; //起步价,局部变量
            var total = 0; //总价,局部变量
            return {
                //正常的总价
                price: function(n){
                    if(n<=3){
                        total = start
                    }else{
                        total = start + (n - 3) * 5
                    }
                    return total;
                }, 
                // 拥堵之后的费用
                yd: function(flag){
                    return flag ? total + 10 : total;
                }
            }
        })();
        console.log(car.price(5)); //23
        console.log(car.yd(true)); //33
    </script>
</body>

总结: 闭包是一个函数 (一个作用域可以访问另外一个函数的局部变量,变量所在的函数就是闭包函数),主要作用是延伸的变量的作用范围。

posted on 2022-05-13 00:50  FFF啊啊啊  阅读(18)  评论(0编辑  收藏  举报