首页 > 文章 > web前端 > js闭包是什么？对js闭包的理解

js闭包是什么？对js闭包的理解

不言原创: 2018-09-01 15:56:552603浏览

js中的闭包是什么？对于初次接触到闭包这个概念的朋友们，我相信很多的朋友都会有点不太理解，接下来的这篇文章将给大家来说一说js闭包该如何理解。

闭包（closure）是js中的一个难点，也是它的特色，很多高级应用都要依靠闭包来实现。所以我们先来看一下js闭包的概念。

闭包是什么？

根据官方的解释是：所谓闭包，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

单看这一概念，我相信很多的朋友都会感觉难以理解，毕竟这种说法实在是太过于“官方”了，所以，下面我们就来说一说对于js闭包的理解方法。让你可以更明确的去理解js闭包是什么。

js闭包的理解

我们先来看一个例子：

def foo() {
    var a = 1;
    def bar() {
        a = a + 1;
        alert(a);
    }
    return bar;
}
var closure = foo();  // 这个时候返回的是 bar() 这个函数外加其包上的变量 a;
var closure2 = foo(); // 这里同样生成了另外一个闭包(实例)
closure(); // 2
closure2(); // 2 , 绑定了另外一份变量 a
closure(); // 3

从这个例子我们可以看出：

对于常规的 foo() 方法来说, 在其内部的变量 a 的存在应该在 foo() 方法执行完毕以后就消失了, 但是 foo() 方法返回了一个新的方bar(), 而这个方法却访问到了 foo() 方法的变量 a (JavaScript 通过 Scope Chain 访问到父级属性), 而方法 bar() 的存在延长了变量 a 的存在时间, 类似与将变量 a 关闭在了自己的作用域范围内一样, 只要方法 bar() 没有失效, 那么变量 a 则会一直伴随着方法 bar() 存在, 而变量 a 与方法 bar() 的这样存在形式被称为闭包。

从上述例子中，我们可否重新总结一下对js闭包的理解呢？

闭包就是由函数创造的一个词法作用域，里面创建的变量被引用后，可以在这个词法环境之外自由使用。

闭包通常用来创建内部变量，使得这些变量不能被外部随意修改，同时又可以通过指定的函数接口来操作。

好了，现在对js的闭包是否有了更清晰的理解，如果还是不理解的话，可以去php中文网中的javascript视频教程栏目去学习一下。

js闭包是什么？对js闭包的理解

相关文章