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

本文解析一道关于JavaScript前端闭包的面试题,通过详细分析题目的执行过程,阐述闭包的概念及其应用。通过调用函数及返回的对象方法,探讨变量n的变化与函数输出的关系。
摘要由CSDN通过智能技术生成

题目来源与参考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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值