本文主要是介绍JavaScript闭包是什么，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

文章目录

• 前言
• 一、什么是闭包？
• 二、实现闭包的两种情况
• • 1.先来个例子
  • 2.函数作为返回值传递[闭包方式一]
  • 3.函数作为参数传递[闭包方式二]
• 总结

前言

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是闭包？

官方定义：闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。
个人理解：
1.js函数内部的变量【局部】无法通过外部拿到，且变量在函数调用后销毁
2.闭包就是定义在函数内部的函数，将函数内部变量始终置于内存中 ，成为函数内部和函数外部的桥梁，

二、实现闭包的两种情况

1.先来个例子

代码如下（示例）：

 var a = 2

    function aa() {
        var b = 1;
        a++;//函数内部没有通过var声明的变量为全局
        console.log(a);
    }
    aa();//输出为3

    console.log(b); // b is not defined 无法获取内部b

2.函数作为返回值传递[闭包方式一]

代码如下（示例）：

    function aa() {
        var a = 3;
        a++;
        function bb() {
            document.write("通过闭包拿值" + ++a + "<br>")
        }
        return bb; //函数作为返回值传递
    }
    
    var c = aa(); //获取返回值 返回值是function bb()这个函数体
    c(); //输出通过闭包拿值5
    c(); //输出通过闭包拿值6

解析：创建一个函数表达式c,c=aa();相当于var c= function bb() {
document.write(“通过闭包拿值” + ++a + “
”)}这个函数，
闭包会保存其定义的环境到内存中

2 :构造函数【隐式返回】

 var a = 1;

    function Person(name) {
        this.name = name;
        this.talk = function() {
            console.log('构造函数' + ++a);
        }
    }
    var c = new Person();
    c.talk(); //构造函数2
    c.talk(); //构造函数3

解析：只要new了，就相当于将var this{}; return this 这两个隐式了

3.函数作为参数传递[闭包方式二]

  function aa(fn) {//fn 函数体
        var a = 12;
        fn();
    }
    var a = 15;

    function fn() {
        console.log('参数传递' + ++a);
    }
    aa(fn);//16
    aa(fn);//17

解析：调用函数aa(fn)；相当于调用了函数fn();fn作为参数相当于参数内容是
function fn() { console.log(‘参数传递’ + ++a);}本来fn函数是在外部,通过参数传递到aa函数内 在执行函数fn，实现调用函数aa(） fn也执行调用

总结

闭包就是函数内部和函数外部的桥梁。

这篇关于JavaScript闭包是什么的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！