JavaScript队列函数和异步执行详解(2)

// 实现一个LazyMan，可以按照以下方式调用: LazyMan(“Hank”) /* 输出: Hi! This is Hank! */ LazyMan(“Hank”).sleep(10).eat(“dinner”)输出 /* 输出: Hi! This is Hank! // 等待10秒.. Wake up after 10 Eat dinner~ */ LazyMan(“Hank”).eat(“dinner”).eat(“supper”) /* 输出: Hi This is Hank! Eat dinner~ Eat supper~ */ LazyMan(“Hank”).sleepFirst(5).eat(“supper”) /* 等待5秒，输出 Wake up after 5 Hi This is Hank! Eat supper */ // 以此类推。

Node.js 中大名鼎鼎的connect框架正是这样实现中间件队列的。有兴趣可以去看看它的源码或者这篇解读《何为 connect 中间件》。

细心的你可能看出来，这个next暂时只能放在函数的末尾，如果放在中间，原来的问题还会出现：

function fn() { console.log(1); next(); console.log(2); // next()如果调用了异步函数，console.log(2)就会先执行 }

redux 和koa 通过不同的实现，可以让next放在函数中间，执行完后面的函数再折回来执行next下面的代码，非常巧妙。有空再写写。