欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JavaScript闭包closure详述

时间:2023-01-08 11:12:12|栏目:JavaScript代码|点击:

前言:

JavaScript部分,闭包是很重要的东西,所以我们今天就闭包的相关知识做一总结。首先,在了解闭包前,我们先要知道作用域的相关知识,前面 作用域相关博文有解释,这里不在赘述。接下来我们来看一下什么是闭包?

一、什么是闭包

闭包(closure)指有权访问另一个函数作用域中变量的函数。 ----- JavaScript 高级程序设计

简单理解闭包就是一个函数,他的特点是:一个作用域可以访问另外一个函数内部的局部变量。

举个简单的例子:

比如说我们现在有一个函数,在他的内部我们定义了一个局部变量,如果别的作用域可以访问这个局部变量,就产生了闭包。所以我们在该函数内部再定义另一个函数,看看里面的函数作用域是否可以访问外函数中的局部变量。

 function f1(){
            var num = 10;
            function f2(){
                console.log(num);
            }
            f2();
        }
        f1();

打印的结果为:

可以发现成功将值打印出来,所以就产生了闭包。
但是有的读者可能就有疑问:f2函数本身就在f1函数的内部,它本来就可以使用父函数的变量。那我们再在f1函数的外部的作用域访问该变量,看看结果又是如何。

我们将f2函数的调用改为f1函数的返回值,然后在函数外面调用f1函数,如下:

 function f1(){
            var num = 10;
            function f2(){
                console.log(num);
            }
           return f2()
        }
        var f = f1();
        f();

此时,就相当于f1外部的作用域访问其内部函数的变量。打印结果为:

可以发现,这里也可以使用其内部的局部变量,闭包产生。

所以可以得出结论:

闭包: 一个作用域可以访问另外一个函数内部的局部变量。

二、 闭包的作用

我们知道,在函数内部定义的局部变量,只能在函数内部可以使用,并且当我们使用完成后它就会被销毁,但是有闭包以后,这个局部变量就会在函数外部使用并且要等它的外部调用者调用完毕后才会被销毁,所以闭包的作用就是:延伸了变量的作用范围。

上一篇:js实现图片局部放大效果详解

栏    目:JavaScript代码

下一篇:javascript if条件判断方法小结

本文标题:JavaScript闭包closure详述

本文地址:http://www.codeinn.net/misctech/223225.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有