碰上了个闭包的面试题

布满荆棘的人生 2022-05-29 11:39 52阅读 0赞

2018-03-22

今天面试有个笔试题是这样的，咋一看返回一个方法又调用自己，瞬间感觉有点晕乎乎的，看了一会也没心情做了，然后就写了一个 undefind ，回来查了一下才发现并不难，只是认真一点一步步分析也就分出来了

function fun(n,o){
    		console.log(o)
    		return {
    			fun : function(m){
    				return fun(m,n);
    			}
    		}
    	}
    	var a = fun(0); a.fun(1);a.fun(2);a.fun(3);
    
    	var b = fun(0).fun(1).fun(2).fun(3);  
    	
    	var c = fun(0).fun(1);
    		c.fun(2); 
    		c.fun(3)

### **先来 var a 的部分：** ###

当 执行 **fun(0);   这个时候打印 o ，肯定是没有的，也就是 undefind**，

但是此时返回 了一个方法给 a ，方法里 return 回来的 n 其实已经通过传进来赋值保存起来，也就是以下的下面

var a = {
    			fun ：function(m){
    				return fun(m,n /*(0)*/ )
    			}
    		}

那么再执行 a.fun(1) 的时候，得到的就是打印了 0 ;  a.fun(2) 和 a.fun(3) 也是同样的结果；

所以 var a 部分 得出的是： **  undefind ， 0， 0， 0**

### **再来 var b 的部分：** ###

这个可以拆分成：

var b = fun(0);  
    		var b1 = b.fun(1);  
    		var b2 = b1.fun(2);
    		var b3 = b2.fun(3);

b 先执行  fun(0) 和上面 a 一样，undefind，然后返回一个对象方法

var b = {
    			fun ：function(m){
    				return fun(m,n /*(0)*/ )
    			}
    		}

**那么我执行 b.fun(1) 的时候，这个时候 n = 0 ，所以会打印出 ｏ为 0，**这个时候再返回了一个方法给 b1，这个方法中的 n 由于 b.fun(1) 传入了 1，那么这个时候 n = 1，就是以下

var b1 = {
    			fun ：function(m){
    				return fun(m,n /*(1)*/ )
    			}
    		}

以此类推后面也是一样， **然后 var b 部分得出的结果就是 ： undefind , 0 , 1 ,  2**

### 最后是 c 的部分 ###

由上面的例子中可以得出  var c = fun(0).fun(1) 和 B 中的一样 ，**undefind , 0** ；此时 c 的方法就是

var c = {
    			fun ：function(m){
    				return fun(m,n /*(1)*/ )
    			}
    		}

**那么 c.fun( 2 ) ， 得出的结果是 1 ；**

**而 c.fun(3) 中执行的方法其实也是 c 这个和 a 上面类似  结果也是 1 ，**

因为 var  c  中的变量 n 并没有变，变的是 c.fun(2) 返回的方法，更直观一点  var dd = c.fun(2)  ， 是 dd 变了 ，并不是 c

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关前端面试题：闭包

前段时间一直在投一些中小型公司吧，感觉好久都收不到反馈，也不知道是被淘汰了还是没出结果呢，最近开始投一些大一点的公司准备尝试一下，就在昨天接到面试电话的时候，接受到了滴滴的毒打

小咪咪/ 2023年03月03日 08:55/ 0 赞/ 115 阅读

相关 setTimeout与循环闭包经典面试题详解

我在详细图解作用域链与闭包\[1\]一文中的结尾留下了一个关于setTimeout与循环闭包的思考题。 > 利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3，

太过爱你忘了你带给我的痛/ 2022年12月02日 01:14/ 0 赞/ 182 阅读

相关面试题作用域和闭包

作用域和闭包题目知识点解答题目 this 的不同应用场景，如何取值？分类： 1:当作普通函数被调用时候，this指向的对象是

系统管理员/ 2022年10月22日 14:58/ 0 赞/ 169 阅读

相关 JavaScript闭包面试题

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

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

相关闭包经典面试题

闭包应该是前段面试中经常碰到的面试题，很多人都会在这个问题上被问住。如果想要弄清楚就要掌握闭包的概念；首先看面试题： for (var i = 1; i <= 5; i+

￡神魔★判官ぃ/ 2022年06月17日 02:54/ 0 赞/ 435 阅读

相关 javascript闭包经典面试题

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

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

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

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

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

相关碰上了个闭包的面试题

2018-03-22 今天面试有个笔试题是这样的，咋一看返回一个方法又调用自己，瞬间感觉有点晕乎乎的，看了一会也没心情做了，然后就写了一个 undefind ，回来查

布满荆棘的人生/ 2022年05月29日 11:39/ 0 赞/ 53 阅读

相关闭包面试题之闭包解决for循环打印

闭包的作用: 正常函数执行完毕后,里面声明的变量被垃圾回收处理掉,但是闭包可以让作用域里的变量,在函数执行完之后依旧保持没有被垃圾回收处理掉 1、正常的for循环打印

刺骨的言语ヽ痛彻心扉/ 2021年10月24日 05:28/ 0 赞/ 508 阅读