前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >什么是闭包?闭包的用途是什么?

什么是闭包?闭包的用途是什么?

作者头像
青梅煮码
发布于 2023-01-16 08:08:08
发布于 2023-01-16 08:08:08
1.9K00
代码可运行
举报
文章被收录于专栏:青梅煮码青梅煮码
运行总次数:0
代码可运行

什么是闭包:

如果一个函数用到了它作用域外面的变量,那么这个变量和这个函数之间的环境就叫闭包。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var a = 5
function xx(){
    console.log(a)
}
//5

闭包的用途有些什么:

1.模仿块级作用域

所谓块级作用域就是指在循环中定义的变量,一旦循环结束,变量也随之销毁,它的作用范围只在这一小块。而在JavaScript中没有这样的块级作用域,由于JavaScript不会告诉你变量是否已经被声明,所以容易造成命名冲突,如果在全局环境定义的变量,就会污染全局环境,因此可以利用闭包的特性来模仿块级作用域。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function X(num) {
    (function(){
        for(var i = 0; i < num.length; i++){
            num++
        }
    }).call() //声明一个函数立即调用以后,浏览器刷新页面会报错,可以用一个小括号把整段函数包起来。
    console.log(i)//undefined
}

在上面的代码中,闭包就是那个匿名函数,这个闭包可以当函数X内部的活动变量,又能保证自己内部的变量在自执行后直接销毁。这种写法经常用在全局环境中,可以避免添加太多全局变量和全局函数,特别是多人合作开发的时候,可以减少因此产生的命名冲突等,避免污染全局环境。

2.储存变量

闭包的另一个特点是可以保存外部函数的变量,内部函数保留了对外部函数的活动变量的引用,所以变量不会被释放。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function S(){
    var a = 1
    return {
        function(){
            renturn a
        }
    }
}
var d = S() // 100

这种写法可以用在把一些不经常变动计算起来又比较复杂的值保存起来,节省每次的访问时间。

3.封装私有变量

我们可以把函数当作一个范围,函数内部的变量就是私有变量,在外部无法引用,但是我们可以通过闭包的特点来访问私有变量。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var person = function(){
    //变量作用域为函数内部,外部无法访问
    var name = "default";
    return {
        getName : function(){
            return name;
        },
        setName : function(newName){
            name = newName;
        }
    }
}();
print(person.name);//直接访问,结果为undefined
print(person.getName()); // default
person.setName("abruzzi");
print(person.getName()); // abruzzi
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-03-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
详解JavaScript中闭包(Closure)概念
闭包(Closure)是 JavaScript 中一个非常重要的概念,它允许函数访问其词法作用域(lexical scope)中的变量,即使这个函数在其词法作用域之外执行。理解闭包有助于编写更高效、模块化的代码,并且在处理异步操作、回调函数和数据封装时非常有用。
jack.yang
2025/04/05
880
全面理解Javascript闭包和闭包的几种写法及用途
好久没有写博客了,过了一个十一长假都变懒了,今天总算是恢复状态了。好了,进入正题,今天来说一说javascript里面的闭包吧!本篇博客主要讲一些实用的东西,主要将闭包的写法、用法和用途。
挨踢小子部落阁
2019/08/06
6030
js作用域通识篇(1)
相信自从es6出来之后,你一定多少知道或者已经在项目中实践了部分的块级作用域,在函数或者类的内部命名变量已经在使用let了,但是你知道它真正的作用是什么吗?又是因为什么我们要用这个块级作用域,本文与你一起探讨块级作用域的场景以及所有细节问题。
RobinsonZhang
2018/12/27
6050
javascript中的闭包这一篇就够了
两段代码,在第二段代码中,函数A内的匿名函数可以访问到函数A中的局部变量这就是闭包的基本使用。
coder_koala
2019/07/30
6590
重学JS基础-作用域链和闭包
JS有一个全局对象,window,在全局声明的变量都属于window的属性,未使用声明符声明的属性也是window的属性。
Jou
2022/08/10
6180
JavaScript高级程序设计(读书笔记)(七)[通俗易懂]
本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点,仅供参考。
全栈程序员站长
2022/09/24
6600
JavaScript高级程序设计(读书笔记)(七)[通俗易懂]
JavaScript匿名函数与闭包
匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。 一.匿名函数 //普通函数 function box() {//函数名是box return 'Lee'; } //匿名函数 function () {//匿名函数,会报错 return 'Lee'; } //通过表达式自我执行 ( function box() {//封装成表达式 alert('Lee'); } ) ();//()表示执行函数,并且传参 //把匿名函数赋值给变量 var box = function () {//将匿名函
汤高
2018/01/11
7710
深入学习 JavaScript——闭包
“函数挂载父环境的时机,如果是定义时就是闭包,如果是执行时就不是闭包。”——听一位大神同事讲的。
李振
2021/11/26
2690
【JS】重温基础:闭包
这里先要了解一个概念,词法作用域:它是静态的作用域,是书写变量和块作用域的作用域**。
用户1462769
2019/09/19
2K0
一篇文章带你了解JavaScript中的函数表达式,递归,闭包,变量,this对象,模块作用域
它的一个重要特点就是:函数声明提升,就是在执行代码前先读取函数声明,可以把函数声明放在调用它的语句后。
达达前端
2020/01/02
6440
深入理解JavaScript闭包之闭包的使用场景
本篇文章是上一篇 深入理解JavaScript闭包之什么是闭包文章的下篇,闭包的使用场景。
木子星兮
2020/08/04
1.3K0
深入理解作用域和闭包
JavaScript中的变量是松散类型的,没有规则定义它必须包含什么数据类型,它的值和数据类型在执行期间是可以改变的。
神奇的程序员
2022/04/10
5720
深入理解作用域和闭包
[JavaScript] 函数详解
2. 模拟私有方法: 在 JavaScript 中没有真正的私有方法,闭包可以用于模拟。
DevKevin
2025/01/22
1380
关于 JS 闭包看这一篇就够了
LHS (Left-hand Side) 和 RHS (Right-hand Side) ,是在代码执行阶段 JS 引擎操作变量的两种方式,字面理解就是当变量出现在赋值操作左侧时进行LHS查询,出现在右侧时进行RHS查询。更准确的来说,LHS是为了找到变量的容器本身从而可以进行赋值,而RHS则是获取某个变量的值。
用户8921923
2022/10/24
4630
JavaScrip模块模式
最近这些年模块化一直是热点话题,我们想要了解模块化必须先了解私有变量和私有函数。我们先说一下私有变量。
大熊G
2022/11/14
2350
JavaScript进阶教程(5)-一文让你搞懂作用域链和闭包
在JS中变量可以分为局部变量和全局变量,对于变量不熟悉的可以看一下我这篇文章:搞懂JavaScript全局变量与局部变量,看这篇文章就够了 作用域就是变量的使用范围,分为局部作用域和全局作用域,局部变量的使用范围为局部作用域,全局变量的使用范围是全局作用域。在 ECMAScript 2015 引入let 关键字之前,js中没有块级作用域---即在JS中一对花括号({})中定义的变量,依然可以在花括号外面使用。
AlbertYang
2020/09/16
3360
JavaScript进阶教程(5)-一文让你搞懂作用域链和闭包
JavaScript 知识点整理
JavaScript是按照ECMAScript标准设计和实现的,后文说的JavaScript语法其实是ES5的标准的实现。 先说说有哪些基础语法? 最基础语法有哪些? 基础语法几乎所有的语言差异不大,无非数据类型、操作符、控制语句、函数等,简单列举下。 5种基本数据类型 & 1种复杂的数据类型 JavaScript包含5种基本数据类型,分别是undefined / null / boolean / number / string,基本数据类型就这五种,没有其他的! JavaScript包含1种复杂的
用户1667431
2018/04/18
8690
JavaScript 知识点整理
JavaScript——对闭包的看法,为什么要用闭包?说一下闭包原理以及应用场景
函数执行后返回结果是一个内部函数,并被外部变量所引用,如果内部函数持有被执行函数作用域的变量,即形成了闭包。
思索
2024/08/16
2110
重学JavaScript之匿名函数
匿名函数就是没有名字的函数,有时候也称为《 拉姆达函数》。匿名函数是一种强大的令人难以置信的工具。如下:
执行上下文
2022/07/26
1.9K0
细说JavaScript闭包
JavaScript 闭包难点剖析一、作用域基本介绍ES6之前只有全局作用域与函数作用域两种,ES6出现之后,新增了块级作用域1.全局作用域在JavaScript中,全局变量是挂载在window对象下的变量,所以在网页中的任何位置你都可以使用并且访问到这个全局变量当我们定义很多全局变量的时候,会容易引起变量命名的冲突,所以在定义变量的时候应该注意作用域的问题var globalName = 'global'function getName() { console.log(globalName) // gl
hellocoder2029
2022/10/21
2290
推荐阅读
相关推荐
详解JavaScript中闭包(Closure)概念
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验