JS的闭包

作者: 肆意木 | 来源:发表于2017-07-16 11:21 被阅读31次

<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>等问题。所以使用闭包的时候需要慎重。

相关文章

  • php之闭包函数(Closure)

    php闭包函数(Closure) JS闭包 js和php闭包使用和区别

  • JS闭包

    JS闭包 闭包练习

  • JS闭包问题(二)

    在之前的JS闭包问题(一)文章中大概介绍了一下JS闭包,同时讲了闭包与变量之间的问题,今天我们继续聊闭包,聊聊闭包...

  • JS闭包大结局(JS闭包系列3)

    在上一篇中再谈JS闭包(JS闭包系列2),我详细的介绍了JS中的变量作用域相关的概念,结合第一节关于JS闭包(JS...

  • JS闭包入门

    最近有看到朋友的面经里提到的JS闭包的问题,就想研究研究,以下是我对JS闭包的简单理解。 到底什么是JS闭包? 定...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • 再谈JS闭包(JS闭包系列2)

    这篇文章,来继续谈谈Javascript闭包的剩余问题。因为在上一篇文章中关于JS闭包(JS闭包系列1)主要简单的...

  • 简单的聊一下闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 浅谈闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 一分钟理解js闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

网友评论

本文标题:JS的闭包

本文链接:https://www.haomeiwen.com/subject/rqetkxtx.html