什么是闭包 (closure)，如何使用它，为什么要使用它？_Web前端

4条回答

miss shi

2楼 · 2020-07-09 14:51

1. 闭包概念：即通过函数嵌套函数，内部函数引用局部变量实现变量不释放。广泛来讲，所有函数访问另一个函数内部变量的过程都可以称之为闭包

2. 优点：局部变量不释放

缺点：内存泄漏、内存占用

3. 闭包的实现基于以下三点：

函数可以创建独立作用域（因此闭包的实现依赖于函数）；

自由变量跨作用域取值，要去创建该函数的作用域中取值；

变量被函数引用时不会被释放；

4. 为什么要用它？

就是为了防止变量污染，但是用多了会内存泄漏

5. 在开发项目时什么地方用闭包？

闭包就是父函数给子函数传值，解决作用域问题。

在es6出现之后一般使用let

比如做一个随机抽题功能、选项卡、幻灯片等。一般用setInterval的地方用的比较多。

爱梦 - 拿来吧你

3楼 · 2021-12-03 09:18

在javascript中，闭包是一个难点，也是一个特色，很多高级应用都得靠它实现，而且也是不太容易完全理解的;闭包，顾名思义，就是封闭的，不对外开放的函数语句块，你创建一个函数，实际上它就是一个闭包，不过，闭包通常是在函数内部，即函数中的函数，从而形成“链式作用域”。

闭包是指函数和其词法环境的组合——

假设函数A包含了函数B，B里面又包含了函数C，A(){B(){C(){}}}

假设每个函数都内部定义了自己的局部变量，那么函数C的词法环境(它可以调用的变量范围)是A和B以及C自己内部所有的变量环境;

函数B的话，它没法调用子函数C的内部环境，可以用A和B自己本身的环境;A的话只能用自己内部词法环境，连B的也拿不到。

这就是闭包的基本含义，再举个例子来说明应用：

假设我现在想用for循环和console.log来输出循环的值：

for(var i=0;i<5>

console.log(i)

}

运行结果是输出0，1，2，3，4;

现在我想1秒(1000毫秒)后输出一次这个结果，即输出时设置个时间间隔

即在for中添加setTimeout(funcname,1000);来实现每隔1000毫秒执行一次这个funcname函数，代码如下：

for(var i=0;i<5>

setTimeout( function timer(){console,log(i);},1000);

}

运行结果试一下，结果却是输出了5个5，不是预期的01234;

回到ABC模型，for的环境看作A，环境中i值从0变到4;setTimeout看作函数B，console.log看作函数C，由于没有定义局部变量，BC和A的词法环境都是一样的;

当A中执行完循环时，i最终为5，并设置了5个setTimeout函数B，在1秒后，B函数执行内部的C函数来输出i，由于C函数词法环境和AB一样，1秒后for循环已结束i值为4，执行完i++值为5，此时连续输出5个5;

下面我们设置个闭包来把每种i值在取值后通过函数将其限定为局部变量：

for(var i=0;i<5>

(function(i){

setTimeout( function timer() {console,log(i);},1000);

})(i);

}

即在for中，通过(function(i){原函数内容})(i);的形式，将i值传递到该函数中成为该函数的词法环境，设该函数为D，此时变成了：

A{D{设定i值{B{C{}}}}};

BCD的词法环境都是A的基础上外加传入的i值，闭包也就发挥了它限定词法环境的作用，代码也就可以按预期输出了～

超甜的布丁

4楼 · 2021-12-03 11:31

闭包的定义

● 当某个函数调用时会创建一个执行环境以及作用域链，然后根据arguments和其它命名参数初始化形成活动对象。

● 在外部函数调用结束后，其执行环境与作用域链被销毁，但是其活动对象保存在了闭包之中，最后在闭包函数调用结束后才销毁。

● 简单的说，闭包就是能够读取其他函数内部变量的函数。在js中，闭包是指有权访问另一个函数作用域中的变量的函数。

如何使用

A函数内部的B函数调用了A中的变量，将A函数内部的B函数作为A函数的返回值返回;

在一个函数内部又定义了一个闭包;

汽水味的小盆友

5楼 · 2021-12-08 10:09

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。

闭包的特性：

1.函数内再嵌套函数
2.内部函数可以引用外层的参数和变量
3.参数和变量不会被垃圾回收机制回收

//li节点的onclick事件都能正确的弹出当前被点击的li索引

<ul id="testUL">

<li> index = 0li>

<li> index = 1li>

<li> index = 2li>

<li> index = 3li>

ul>

<script type="text/javascript">

var nodes = document.getElementsByTagName("li");

for(i = 0;i<nodes.length;i+= 1){

nodes[i].onclick = function(){

console.log(i+1);//不用闭包的话，值每次都是4

}(i);

}

[removed]

　　执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在; 使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源; 因为say667()的内部函数的执行需要依赖say667()中的变量; 这是对闭包作用的非常直白的描述

function say667() {

// Local variable that ends up within closure

var num = 666;

var sayAlert = function() {

alert(num);

}

num++;

return sayAlert;

}

var sayAlert = say667();

sayAlert()//执行结果应该弹出的667

什么是闭包 (closure)，如何使用它，为什么要使用它？

相关问题推荐

等你来答

热门问答

相关文章

什么是闭包 (closure)，如何使用它，为什么要使用它？

相关问题推荐

等你来答

热门问答

相关文章

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间