JS 延伸函数生命周期

我们先来看看，如果我们想通过下面这个函数实现"累加"的效果，这样做可以实现吗？

 function Joker() {
        let n = 1;

        function sum() {
            console.log(++n);
        }
        sum()
    }

    Joker();
    Joker();
    Joker();

答案是不可以的。

那么为什么不可以呢？其实呢，在JS内部中，每当我们调用一个函数的时候，就相当于在内存中开辟一个新的内存空间，因此我们调用多次函数，就相当于开辟了多个内存空间，每个内存空间中n的初始值都为1。那么我们要怎么做才能实现累加效果呢？唯一的办法就是把Joker函数中的内存数据进行保留处理。但是如果按照我们上面那种写法的话，系统按照从上往下的执行顺序，在调用了函数之后就相当于已经执行完了，在我们反复调用的时候相当于开辟了多个新的内存空间，因此，在JS内部会默认把已经执行完的数据当是“垃圾”，自动帮我们清除，因此我们永远也无法获取得到上一次调用函数的结果。

正确的做法：我们把Joker()赋值给一个变量，换句话说就是用一个变量来指向我们的这个函数，让这个函数一直被使用，就避免了被系统清除的问题发生。

function Joker() {
        let n = 1;

        return function () {
            console.log(++n);
        }

    }

    let newfunc = Joker();
    newfunc(); //2
    newfunc(); //3
    newfunc(); //4