欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript闭包啥意思

程序员文章站 2022-03-12 22:23:06
...

在javascript中,闭包指的就是一个函数;当两个函数彼此嵌套时,内部的函数就是闭包。典型的闭包体是一个嵌套结构的函数;内部函数引用外部函数的私有成员,同时内部函数又被外界引用,当外部函数被调用后,就形成了闭包。

javascript闭包啥意思

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

什么是闭包

所谓闭包,指的就是一个函数。当两个函数彼此嵌套时,内部的函数就是闭包。

形成原理

函数被调用时,会产生一个临时上下文活动对象。它是函数作用域的*对象,作用域内所有私有方法有变量、参数、私有函数等都将作为上下文活动对象的属性而存在。

函数被调用后,在默认情况下上下文活动对象会被立即释放,避免占用系统资源。但是,若函数内的私有变量、参数、私有函数等被外界引用,则这个上下文活动对象暂时会继续存在,直到所有外界引用被注销。

但是,函数作用域是封闭的,外界无法访问。那么在什么情况下,外界可以访问到函数内的私有成员呢?

根据作用域链,内部函数可以访问外部函数的私有成员。如果内部函数引用了外部函数的私有成员,同时内部函数又被传给外界,或者对外界开放,那么闭包体就形成了。这个外部函数就是一个闭包体,它被调用后,活动对象暂时不会被注销,其属性会继续存在,通过内部函数可以持续读写外部函数的私有成员。

闭包结构

典型的闭包体是一个嵌套结构的函数。内部函数引用外部函数的私有成员,同时内部函数又被外界引用,当外部函数被调用后,就形成了闭包。这个函数也称为闭包函数。

下面是一个典型的闭包结构。

function f(x) {  //外部函数
    return function (y) {  //内部函数,通过返回内部函数,实现外部引用
        return x + y;  //访问外部函数的参数
    };
}
var c = f(5);  //调用外部函数,获取引用内部函数
console.log(c(6));  //调用内部函数,原外部函数的参数继续存在

解析过程简单描述如下:

  • 在 JavaScript 脚本预编译期,声明的函数 f 和变量 c,先被词法预解析。

  • 在 JavaScript 执行期,调用函数 f,并传入值 5。

  • 在解析函数 f 时,将创建执行环境(函数作用域)和活动对象,并把参数和私有变量、内部函数都映射为活动对象的属性。

  • 参数 x 的值为 5,映射到活动对象的 x 属性。

  • 内部函数通过作用域链引用了参数 x,但是还没有被执行。

  • 外部函数被调用后,返回内部函数,导致内部函数被外界变量 c 引用。

  • JavaScript 解析器检测到外部函数的活动对象的属性被外界引用,无法注销该活动对象,于是在内存中继续维持该对象的存在。

  • 当调用 c,即调用内部函数时,可以看到外部函数的参数 x 存储的值继续存在。这样就可以实现后续运算操作,返回 x+y=5=6=11。

闭包的价值是方便在表达式运算过程中存储数据。但是,它的缺点也不容忽视:

  • 由于函数调用后,无法注销调用对象,会占用系统资源,在脚本中大量使用闭包,容易导致内存泄漏。解决方法:慎用闭包,不要滥用。

  • 由于闭包的作用,其保存的值是动态,如果处理不当容易出现异常或错误。

【相关推荐:javascript学习教程

以上就是javascript闭包啥意思的详细内容,更多请关注其它相关文章!

相关标签: javascript 闭包