js经典闭包题

妖狐艹你老母 2021-09-18 02:42 306阅读 0赞

**面试官：**会闭包么？

**you：**木问题！！！

**面试官：**那么做做下面的题吧？

**you：**。。。（一脸懵逼中...）

//经典闭包
            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)

**不要怕，咱们来个详细解读**

**1、首先来看第一行**

*  `var a = fun(0)`;  
    等同于fun(0, undefined)，因为未传递第二参数，所以打印`undefined`；
 *  `a.fun(1)`;  
    因为闭包的存在，所以n依然在内存中存在，所以此式等同于`fun(0, undefined).fun(1)`；  
    所以`a.fun(1)`返回的就是`fun(m, n)`；  
    m是传进去的参数1，n是内存中依然存在的0，所以实际返回的是`fun(1, 0)`;因此打印的值为`0`,；  
    后面两步就同理了；  
    **注意**：这一步弄明白，这道题基本就明白了。所以一定要注意。第一行的后面两步就换了一下参数。第二行就相当于一直迭代，第三行就是稍加变化，重点在这一步。
 *  `a.fun(2)`;  
    返回`fun(2, 0)`,依然打印`0`；
 *  `a.fun(3)`;  
    返回`fun(3, 0)`,依然打印`0`；
 *  所以第二行打印值为`undefined,0,0,0`

**2、第二行**

*  `var b = fun(0)`  
    从这来看，和第一行暂时一样，打印`undefined`；
 *  `.fun(1)`  
    此时和第一行第二步也是一样，返回`fun(1, 0)`, 打印`0`；
 *  `.fun(2)`  
    这一步其实已经变为fun(1, 0)`.fun(2)`，弄明白了上面，你一定知道这一步应该返回的是`fun(2, 1)`;因为此时在内存中的n是1；所以打印值为1；
 *  `.fun(3)`  
    和上一步道理相同，n变为`2`，即`fun(3, 2)`；打印`2`；
 *  所以第二行打印值为`undefined,0,1,2`

**3、第三行**

就是一二行的结合，如果弄懂了上面两行，第三行不过是一个验证的过程。也就不在多说。  
输出为 `undefined,0,1,1`