js 闭包和 Extjs 动态创建菜单的回调函数理解

本贴最后更新于 1887 天前,其中的信息可能已经事过境迁

官方定义

闭包指的是词法表示包括不被计算的函数,也就是说函数可以使用函数之外定义的变量

也可以认为就是在函数中定义的函数,可以访问外部函数,而且使用过程中,访问的是记忆的变量,而不是当然调用时上下文的变量,有点像 java 中 class 的对象。

extjs 中动态创建组件,带有回调函数:

    var menubar=Ext.GetComp("menu")
    for (var i in jsonobj)
        var handle=function()
        var url=jsonobj[i].url
        return function{
                window.location.href=url
            }
        }
    var button={
        text:windows[jsonobj[i].label],
        handler:handler(),
        iconCls:"icon-btn,
        width:110
        }
    menubar.menu.addItem(button)
    }
    

其中 url 变量需要用闭包记忆起来,不然实际回调函数执行的时候用的是当前上下文(本例是循环结束时的值即 i+1)的变量。

闭包总结起来有两个好处:

  • 变量作用范围在闭包内部,避免变量冲突,有利于面相对象设计。

  • 记忆变量值,回调函数能找到定义时的那个变量。

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    710 引用 • 1173 回帖 • 193 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...