码迷,mamicode.com
首页 > Web开发 > 详细

两道关于JS的小考题(闭包与中间件)

时间:2016-12-03 01:48:46      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:电脑   参数   var   函数   s函数   连续   cal   app   highlight   

题目一:写一个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();
};

 

两道关于JS的小考题(闭包与中间件)

标签:电脑   参数   var   函数   s函数   连续   cal   app   highlight   

原文地址:http://www.cnblogs.com/xuning/p/6127677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!