03JavaScript面试系列_闭包

川长思鸟来 2022-05-31 06:49 179阅读 0赞

**说明，如果闭包**概念理解不透可以

查看文档：[JavaScript系列\_彻底理解闭包，如何彻底理解闭包，javascript中的闭包如何理解][JavaScript_javascript]

# ** 面试题：** #

**下面这个ul，如何点击每一列的时候alert其index?（闭包）**

<ul id=”test”>

<li>这是第一条</li>

<li>这是第二条</li>

<li>这是第三条</li>

</ul>

### 解答： ###

**1.        let *lis***=***document***.getElementById(**"test"**).**children**;

**2.        for**(**var *i***=0;***i***<***lis***.**length**;***i***\++)\{

**3.        **    ***lis***\[***i***\].**onclick**=(**function**(num)\{

**4.        **        **return function**()\{

**5.        **            alert(num);

**6.        **        \}

**7.        **    \})(i);

8.        \}

### 解读： ###

**以上代码虽然不多，但需要仔细分析，还是有点绕。**

**第一行let *lis***=***document***.getElementById(**"test"**).**children**;没啥说的

**第二行：for**(**var *i***=0;***i***<***lis***.**length**;***i***\++)\{ 也没有啥说的

**第三行到第七行是重点：**

**     第三行是给每个li的onclick事件赋值为一个函数：在onclick属性的赋值号右边是一个自运行函数，所以，给onclick属性赋值的是自运行函数的返回值，但是自运行函数的返回值是一个函数，所以，给onclick属性赋的值依然是个函数。这么绕一下的目的就是在每次赋值时能够把i的当前值传到函数内部。**

** ![20180210143530413][]**

** **

**如果这个题没有理解的话，请看闭包文章：[JavaScript系列\_彻底理解闭包，如何彻底理解闭包，javascript中的闭包如何理解][JavaScript_javascript]**

[JavaScript_javascript]: http://blog.csdn.net/jiang7701037/article/details/79304581
[20180210143530413]: /images/20220531/bf2ac67c0f82461ab5d050b8a535d694.png

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关闭包【JavaScript基础面试题】

闭包的定义如果一个函数能访问外部的变量，那么就形成了一个闭包。闭包形成的原理当一个普通函数执行结束之后，函数内的变量会被全部销毁（垃圾回收）。但是，如果某些

「爱情、让人受尽委屈。」/ 2024年03月22日 13:11/ 0 赞/ 49 阅读

相关 JavaScript闭包面试经典案例

案例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

谁借莪１个温暖的怀抱￠/ 2022年12月12日 13:41/ 0 赞/ 163 阅读

相关【javascript系列】闭包

理解定义在一个函数内部的函数闭包的用途 1.可以读取函数内部的变量 2.让这些变量的值始终保持在内存中下面上一段代码，帮助理解

逃离我推掉我的手/ 2022年10月18日 01:47/ 0 赞/ 159 阅读

相关 JavaScript闭包面试题

由工作中演变而来的面试题这是一个我工作当中的遇到的一个问题，似乎很有趣，就当做了一道题去面试，发现几乎没人能全部答对并说出原因，遂拿出来聊一聊吧。先看题目代码：

喜欢ヅ旅行/ 2022年08月20日 11:27/ 0 赞/ 197 阅读

相关 javascript闭包经典面试题

> > function fun(n,o) \{ > > > console.log(o) > > > return \{ > > >

怼烎@/ 2022年06月13日 06:30/ 0 赞/ 241 阅读

相关 JavaScript 闭包

前言: 如何从外部读取局部变量？这就引入了闭包的概念想要理解闭包，需要提前理解连个概念垃圾回收和作用域。 1.垃圾回收机制: 在Javascript

谁借莪１个温暖的怀抱￠/ 2022年06月04日 01:14/ 0 赞/ 283 阅读

相关原生js的面试题：JavaScript系列_彻底理解闭包，如何彻底理解闭包，javascript中的闭包如何理解

导航：一、概念二、简单示例三、使用闭包的注意事项四、闭包的示例说明一下：如果你对闭包的概念和简单使用会的话，那就可以直接看，第二大点的

太过爱你忘了你带给我的痛/ 2022年05月31日 06:54/ 0 赞/ 194 阅读

相关 03JavaScript面试系列_闭包

说明，如果闭包概念理解不透可以查看文档：[JavaScript系列\_彻底理解闭包，如何彻底理解闭包，javascript中的闭包如何理解][JavaScript_java

川长思鸟来/ 2022年05月31日 06:49/ 0 赞/ 180 阅读

相关 JavaScript闭包

JavaScript闭包理解闭包 1、如何产生闭包当一个嵌套的内部（子）函数引用了嵌套（父）函数的变量（函数）时，就产生了闭包 2、闭包到底是什么

喜欢ヅ旅行/ 2022年05月19日 07:25/ 0 赞/ 227 阅读

相关 JavaScript闭包

闭包应用的两种情况即可——函数作为返回值，函数作为参数传递。闭包：函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性称为闭包。

你的名字/ 2022年03月15日 09:10/ 0 赞/ 403 阅读