一道JS前端闭包面试题思路解析

题目来源与参考https://segmentfault.com/a/1190000004187681

function fun(n,o){
    console.log(o);
    return {
        fun:function(m){
            return fun(m,n);
        }
    }
}
var a=fun(0);// undefined,因为第二个参数未定义
a.fun(1); //0
a.fun(2); //0
a.fun(3); //0
var b=fun(0).fun(1).fun(2).fun(3);//undefined 0 1 2,参数[0,] [1,0] [2,1] [3,2]
b.fun(1);//3
var c=fun(0).fun(1);// undefined 0,并且放置[1,0]
c.fun(2);//1,c创建时候传入[1,0],使n=1,(m=2,n=1),闭包调用o输出1
c.fun(3);//1,解释同上(m=3,n=1)

(1)以var a=…开始的都是函数闭包创建fun类对象,之后的a.fun()是调用return{}里面的fun方法
(2)var a=fun(0);定义fun类型的对象传参(0,undefined),console.log()输出undefined
(3)a.fun(1); 在对象a的基础上使用函数结构中return{}里面的fun方法,因为a在定义时参数为(0,undefined),可得n=0,调用fun(1,0)输出1

a.fun(1); //0
a.fun(2); //0
a.fun(3); //0

同解分别调用fun(1,0),fun(2,0),fun(3,0),但是o于第一个参数无关,全都输出0
(4)var b=fun(0).fun(1).fun(2).fun(3);我先试了一下结果为
undefined 0 1 2
然后一步步分析
var b=fun(0)同上(3)可输出undefined
.fun(1)则得n=0,得fun(1,0)
.fun(2)在其基础上n=1,得fun(2,1)
.fun(3)就是n=2,fun(3,2)
b相当于fun(3,2)定义出来的对象
b.fun(1);//3根据函数逻辑很显然
(5)var c=fun(0).fun(1);输出undefined 0,相当于fun(1,0)创建的对象

c.fun(2);//1
c.fun(3);//1

分别调用fun(2,1)和fun(3,1),输出1

发布了41 篇原创文章 · 获赞 4 · 访问量 1624

猜你喜欢

转载自blog.csdn.net/mus123/article/details/104235166