两道关于JS的小考题（闭包与中间件）

Posted 2020-08-21 HorstXu

题目一：写一个javascript函数 calculate，该函数有如下性质

calculate() = 0;
calculate(2)() = 2;
calculate(3)(4)(1)(5)() = 13;

即可以连续地链式调用，一旦碰到一次调用没有参数的，则返回前面所有参数的和。

其实题目本身并不算复杂，代码也非常简单，就是思路有点绕，可能要在电脑上反复试试调调才能写对，答案如下：

var calculate = (function () {
    var sum = 0;
    var func = function () {
        if (arguments.length === 0) {
            var ret = sum;
            sum = 0;
            return ret;
        }
        sum += arguments[0];
        return func;
    };
    return func;
})();

console.log(calculate()); // 输出0
console.log(calculate(100)()); // 输出100
console.log(calculate(1)(2)(3)(4)()); // 输出10

主要思路就是用闭包变量记录当前的结果，所写的函数一旦没有参数，就返回数字结果，一旦有一个参数，记录下当前的和，然后返回函数自己。

 

题目二：有一个JS函数，函数名为APP，它满足如下性质：

var func1 = function (next) {
    console.log(‘func1 begin‘);
    next();
    console.log(‘func1 end‘);
};

var func2 = function (next) {
    console.log(‘func2 begin‘);
    next();
    console.log(‘func2 end‘);
};

var func3 = function (next) {
    console.log(‘func3 begin‘);
    next();
    console.log(‘func3 end‘);
};

var a = new APP();
a.use(func1);
a.use(func2);
a.use(func3);
a.run();

// output:
// func1 begin
// func2 begin
// func3 begin
// func3 end
// func2 end
// func1 end

有点类似于中间件一样，APP实例化以后，可以用use方法注册一系列函数，并通过run方法依次把注册的函数跑一遍，注册的函数都接受一个next函数作为参数，一旦碰到next执行，则递归调用下一个注册函数。请写出APP这个函数的实现。

刚看到这个题目的时候有点蒙圈，感觉无从下笔，思考了很久以后发现……原来这么简单……自己把自己绕进去了。答案如下：

var APP = function() {
    this.stack = [];
};
APP.prototype.use = function (cb) {
    this.stack.push(cb);
};
APP.prototype.run = function() {
    var self = this;

    var next = function () {
        if(self.stack.length < 1) {
            return;
        }
        var cb = self.stack.shift();
        cb(next);
    };
    next();
};