class Midware {
midwares = []
use(fn) {
this.midwares.push(fn)
}
start(initialCtx) {
this.dispatch(0, initialCtx);
}
dispatch(index, ctx) {
let current = this.midwares[index];
if (index == this.midwares.length) {
return Promise.resolve('所有执行完了');
}
return current(ctx, () => this.dispatch(index + 1, ctx))
}
}
var ware = new Midware();
ware.use(async (ctx, next) => {
ctx.age = 20;
const result = await next()
result.push('执行完了1')
ctx.response = result;
})
ware.use(async (ctx, next) => {
ctx.name = 'kerry';
const result = await next()
result.push('执行完了2')
return result;
})
ware.use(async (ctx, next) => {
ctx.money = 100000000000;
const result = await next()
return [result];
})
let context = {}
ware.start(context)
console.log(context)
模拟一个超级简单的中间件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 背景 在项目中经常会遇到一些通过URL链接来动态调用一些功能，或者是一个Safari中通过URL打开我们的App中...
- 使用ajax进行表单提交的时候，有多种方式可以选择，其中react提供的思路，将数据单独存放到state中进行操作...
- 有了redux相关组件，也不能达到完全准确定位bug的一个目的，这时候就需要日志来记录我们的action操作。有一...
