JS的闭包

<h2>概念:</h2>

如果一个函数访问了它的外部变量,那么它就是一个闭包。

<h2>优点:</h2>

1.足够灵活;

2.实现了函数的封装;

<h2>举栗子:</h2>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    function test1() {
        var i = 100;
        return function () {
            console.log(i)
        }
    }

    var put = test1();
    put();

</script>
</body>
</html>

运行结果:


结果.png

<h4>代码分析:</h4>

在test1中用 var 定义了 i 属于局部变量,如果在函数外直接调用会报错:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    function test1() {
        var i = 100;
//        return function () {
//            console.log(i)
//        }
    }

    var put = test1();
    put();

</script>
</body>
</html>

运行结果:

结果.png

但是,在内部再加了函数输出 i ,调用后就可以通过函数调用成功返回 i 的值,这就是闭包的基本用法。

<h2>警告!</h2>

在使用闭包的时候因为不确定什么时候再次调用闭包所以调用一次完成之后它是不会用垃圾回收机制收回已经声明的变量,会造成<strong>空间浪费以及内存泄露、性能消耗</strong>等问题。所以使用闭包的时候需要慎重。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 闭包的英文是Closure。无论从中文还是英文看,你都猜不出它具体是啥意思。 词法作用域 要理解闭包,首先必须理解...
    microkof阅读 1,907评论 2 5
  • 认识在js中的公有和私有变量 这里创建的都是私有变量 sum num1 num2 我们怎么才能访问到函数内部的私...
    郝特么冷阅读 936评论 0 0
  • 1.变量的作用域 首先了解一下在JS中变量的作用域,全局变量,局部变量。函数内部可以读取全部变量,函数外部不能...
    钱罗罗_阅读 498评论 1 0
  • 间接实现访问控制:(父对象读取不了子对象的变量,但是子对象可以读取父对象的变量) 闭包的作用: 闭包可以用在许多地...
    小幸运Q阅读 317评论 0 0
  • 感恩今天的天气,今天二姨家的小女儿回门,感恩弟弟今天很忙,还是先把我和婆婆莀莀送到二姨家,让我有机会和亲人们相聚。...
    莀宝贝阅读 142评论 0 0