直接看题目
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);
大家可以显示思考一下输出结果是什么;
---------------此处等待3分钟------------------
这里先揭晓答案:
好了,这里没有答案正确的小伙伴们可以拿好瓜子离开了,没有写对的小伙伴建议准备好咖啡开始听课:
我们从上往下开始分析
- 首先创建全局GO,提升a,b,c并赋值undefined,fun赋值函数.
- 开始执行 a = fun(0);此时首先输出o,但是此时只传入一个n,所以这里先输出undefineda,之后a拿到fun的返回值{ fun: function (m) { return fun(m, n); },形成闭包,进入下一步
- a.fun(1);此时我们拿到a的fun函数并传入1,重新执行 fun(m, n),这是m为我们传入的1,n为上一步传入的0.所以这一步console,log(o),o此时为0;
- 因为用a接受了fun的返回值,形成闭包,所以下面两个还是0,和上面的分析基本相同,虽然传入的值发生改变,但是由于取得是之前传入的0,所以输出的都是0;
- b = fun(0).fun(1).fun(2).fun(3); 那么在这里一步步来看
- fun(0),执行到这里的时候,只有一个参数,没有o,这里输出undefined;此时b里面装的是返回值,
- fun(0).fun(1)时,传入1,重新执行 fun(m, n),这是m为我们传入的1,n为上一步传入的0.所以这一步console,log(o),o此时为0,(m,n)为1,0,重新进入时,n,o为1,0,输出o为0;
- fun(0).fun(1).fun(2)时,这里传入m=2时,继承上一步n已经为1,(m,n)为2,1,重新进入时,n,o为,2,1输出o为1;
- fun(0).fun(1).fun(2).fun(3)时,由于上一步n,o分别为,2,1,当这一步重新赋值m=3;继承上一步n=2;(m,n)为3,2,重新进入时,n,o为,3,2输出o为2;
- var c = fun(0).fun(1)时,相当于重复了上面的两个步骤,所有这里输出undefined,0,形成闭包;此时**(m,n)为1,0,重新进入时,n,o为1,0**
- c.fun(2);我们传入m=2,取c中的n=1;此时**(m,n)为2,1,重新进入时,n,o为2,1**所以这里输出o为1
- c.fun(3);我们传入m=3,取c中的n=1;此时**(m,n)为3,1,重新进入时,n,o为3,1**,所以这里输出o为1
到这里差不多结束,答案和上面一致