闭包也就这玩意

最新推荐文章于 2024-06-14 00:43:18 发布

原创最新推荐文章于 2024-06-14 00:43:18 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JS #闭包 #ViewUI

js学习专栏收录该内容

4 篇文章

订阅专栏

本文通过对比面向对象的方式，解释了JavaScript中闭包的概念，并提供了一个简单的计数器示例来展示闭包如何工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

闭包也叫closure这东西听起来挺玄乎，《js犀牛书》上搞了一计数器作为例子，如下：

function counter() {
    var n = 0;
    return {
        count: function() { return n++; },
        reset: function() { n = 0; }
    };
}
var c = counter(), d = counter();   // Create two counters
c.count()                           // => 0
d.count()                           // => 0: they count independently
c.reset()                           // reset() and count() methods share state
c.count()                           // => 0: because we reset c
d.count()                           // => 1: d was not reset

我看了半天，没觉得有啥大不了的，感觉很自然，我转念一想，这不就是把函数当成面向对象中的类了嘛

public class counter() {
    private int n = 0;
  
    public int count{ return n++; },
    public void reset{ n = 0; }
}
counter c = new counter();
counter d = new counter();   // Create two counters
c.count()                           // => 0
d.count()                           // => 0: they count independently
c.reset()                           // reset() and count() methods share state
c.count()                           // => 0: because we reset c
d.count()                           // => 1: d was not reset

肿么样？是这回事吧，其实闭包就是：

“把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value）。”

欢迎拍砖。

一个较为详细的关于闭包的文章如下：

深入理解js闭包