JavaScript 如何使用闭包

闭包基本上是内部函数可以访问其范围之外的变量，可用于实现隐私和创建函数工厂

定义一个数组，循环遍历这个数组并在延迟3秒后打印每个元素的索引

先看一个不正确的写法：

const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {setTimeout(function() {alert('The index of this number is: ' + i);console.log('The index of this number is: ' + i);}, 3000);
}

看下执行效果：

如上图：3秒后每次都是打印4，而不是0，1，2，3。

原因：因为setTimeout函数创建的是一个可以访问其外部作用域的函数（闭包），该作用域包含索引i的循环。经过3秒后，i的值已经变为4。

正确的写法：
写法一：

const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {setTimeout(function(i_local){return function () {alert('The index of this number is: ' + i_local);console.log('The index of this number is: ' + i_local);}}(i), 3000)
}

写法二：

const arr = [10, 12, 15, 21];
for (let i = 0; i < arr.length; i++) {setTimeout(function() {alert('The index of this number is: ' + i);console.log('The index of this number is: ' + i);}, 3000);
}

JavaScript 如何使用闭包相关推荐

让你分分钟学会Javascript中的闭包
Javascript中的闭包前面的话: 闭包,是 javascript 中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它 ...
深入理解javascript原型和闭包（16）——完结
之前一共用15篇文章,把javascript的原型和闭包. 首先,javascript本来就"不容易学".不是说它有多难,而是学习它的人,往往都是在学会了其他语言之后,又学java ...
深入理解javascript原型和闭包（17）——补this
本文对<深入理解javascript原型和闭包(10)--this>一篇进行补充,原文链接:http://www.cnblogs.com/wangfupeng1988/p/3988422. ...
深入理解javascript原型和闭包（3）——prototype原型
既typeof之后的另一位老朋友! prototype也是我们的老朋友,即使不了解的人,也应该都听过它的大名.如果它还是您的新朋友,我估计您也是javascript的新朋友. 在咱们的第一节(深入理解 ...
[译]Javascript中的闭包(closures)
本文翻译youtube上的up主kudvenkat的javascript tutorial播放单源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...
【进阶2-3期】JavaScript深入之闭包面试题解
(关注福利,关注本公众号回复[资料]领取优质前端视频,包括Vue.React.Node源码和实战.面试指导) 本周正式开始前端进阶的第二期,本周的主题是作用域闭包,今天是第8天. 本计划一共28期,每 ...
【javascript笔记】关于javascript中的闭包
最开始看<javascript高级程序设计>的时候就看到了javascript中的闭包,在第七章第二节....好大概知道了,过了段时间,好了又忘了... 我们来看这本书里面关于闭包是怎么描 ...
解析面试常问题之JavaScript中的闭包概念及应用，顺便普及一下大家口中常说的内存泄漏问题
JavaScript中的闭包是一个面试中经常被考到的问题,大家可能都对这个概念多多少少都有一些模糊的概念或者一点都不了解,那么今天就来给大家讲解一下. 公众号:前端印象不定时有送书活动,记得关注~ ...
一篇文章把你带入到JavaScript中的闭包与高级函数
在JavaScript中,函数是一等公民.JavaScript是一门面向对象的编程语言,但是同时也有很多函数式编程的特性,如Lambda表达式,闭包,高阶函数等,函数式编程时一种编程范式. funct ...
Web前端Lec7-2 - Javascript作用域与闭包
Lecture7-2 Javascript作用域与闭包文章目录 Lecture7-2 Javascript作用域与闭包 7.4 JavaScript 作用域 7.5 JavaScript 变量 7. ...

JavaScript 如何使用闭包

定义一个数组，循环遍历这个数组并在延迟3秒后打印每个元素的索引

JavaScript 如何使用闭包相关推荐

最新文章

热门文章