javascript中的闭包函数

最新推荐文章于 2024-07-12 16:27:40 发布

weilangpu__

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量662

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_52445856/article/details/123612254

版权

以下内容是本人参考《你不知道的JavaScript（上卷）》和部分博客做的一些总结，记录一下自己学习到的知识，如果有哪里说的不对大家可以在评论区指出来，我会去修改。

当函数可以记住并访问其 定义时所在的词法作用域 ，即使函数是在当前词法作用域之外被调用，这样就形成了闭包。

看几个例子会之后在看一下概念会更清楚：

function foo() {
    var a = 2;
    function bar() {
        console.log(a);
    }
    return bar;
}
var baz = foo();
baz(); // 2;

通过调用 foo 函数把内部 bar 函数传递给了 baz ，然后再通过调用 baz 来运行 bar 函数。

这里 bar 函数在自己的词法作用域外被调用了，且仍然保持着对 定义时所在的词法作用域 的访问，这就是闭包。

闭包形成的过程在于：函数传递。

闭包形成的结果是：函数能对其他函数内部作用域进行访问。

上面这个例子无论 bar 是以何种方式传递到外部，它都会持有对原始定义作用域的引用。

只要使用了 回调函数 实际上就是在使用闭包。

下面这个例子是一个典型的闭包例子：

(function IIFE() {
    var a = 2;
    console.log(a);
})();

这是一个 IIFE（立即执行函数）。

IIFE 中的 (function IIFE() {...}) 这个括号的意义在于让里面的函数直接返回。所以IIFE() 执行时和定义时是两个不同的作用域。可以看下面这个例子，就会知道 (..) 中的内容为什么是让里面的函数直接返回：

var a = ( () => {} ) ();
var b = ( () => ({}) ) ();
console.log(a, b); // undefined {}

即：IIFE() 在定义时被返回（此时是在 IIFE() 自己的词法作用域中），在全局作用域中被执行，且 IIFE() 能够记住并访问定义时所在的作用域。符合定义，所以 IIFE 立即执行函数是一个闭包。

关注