JavaScript闭包closure详述
前言：
在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外部的作用域访问其内部函数的变量。打印结果为：
可以发现，这里也可以使用其内部的局部变量，闭包产生。
所以可以得出结论：
闭包: 一个作用域可以访问另外一个函数内部的局部变量。
二、闭包的作用
我们知道，在函数内部定义的局部变量，只能在函数内部可以使用，并且当我们使用完成后它就会被销毁，但是有闭包以后，这个局部变量就会在函数外部使用并且要等它的外部调用者调用完毕后才会被销毁，所以闭包的作用就是：延伸了变量的作用范围。
到此这篇关于JavaScript闭包closure详述的文章就介绍到这了,更多相关JavaScript闭包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了JS前端可扩展的低代码UI框架Sunmao使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家介绍了一文详解webpack中loader与plugin的区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了微信小程序 使用picker封装省市区三级联动实例代码的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要为大家介绍了axios 拦截器管理类链式调用手写实现及原理剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 开发经验整理的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要为大家介绍了tree shaking对打包体积优化及作用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家介绍了脚本整合指定文件/文件夹执行定制化 ESLint命令使用实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
服务器端的响应是302 Found，在ajax的回调函数中能够获取这个状态码吗？能够从Response Headers中得到Location的值进行重定向吗？让我们来一起动手写写代码看看实际情况吧。2013-10-10
这篇文章主要给大家分享js不常见操作运算符总结，下面文章收i部分js操作运算符得介绍,需要的朋友可以参考一下，希望对你有帮助2021-11-11
这篇文章主要为大家介绍了RxJS中的Observable和Observer使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
最新评论