自己实现 koa 中间件的 app.use 和 next 函数

下面是我自己简单实现了一下 koa 的中间件运行函数

//实现一个 koa 的函数function app() {}app.prototype.ctx = {name: "123",
};app.prototype.callBack = [];const next = async function () {this.MiddleWareNum++;if (this.callBack[this.MiddleWareNum]) {await this.callBack[this.MiddleWareNum]();}
};app.prototype.use = async function (callBack) {this.callBack.push(async () => {await callBack(this.ctx, next.bind(this));});
};app.prototype.run = async function () {this.MiddleWareNum = 0;let func = this.callBack[0];await func();
};let instance = new app();instance.use(async (ctx, next) => {console.log("11111:", ctx);await next();console.log("4444");
});instance.use(async (ctx, next) => {console.log("2222:", ctx);await next();console.log("333");
});instance.run();

这里需要注意的是：
如果把 next 绑定在 app.prototype 上面，那么在
await callBack(this.ctx, next.bind(this));
这行代码中改成
await callBack(this.ctx,this.next)

那么 next 函数中的 this 指针会指向 global 。因为如果把构造函数的 prototype 上的函数单独提取出来，然后再运行时，函数里面的 this 指针会从原本的指向实例到全局变量。

自己实现 koa 中间件的 app.use 和 next 函数相关推荐

koa 接口返回数据_一文搞定 Koa 中间件实现原理
Koa是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小.更富有表现力.更健壮的基石. 通过利用 async 函数, Koa ...
generator探幽(1)--koa中间件机制浅析
本系列旨在通过对co,koa等库源码的研究,进而理解generator在异步编程中的重大作用(ps:所有代码请在node --harmony或者iojs环境中运行) koa中间件的形式相信用过koa ...
Koa 中间件的执行
Node.js 中请求的处理讨论 Koa 中间件前,先看原生 Node.js 中是如何创建 server 和处理请求的. node_server.js const http = require(&q ...
什么是koa中间件，他们的执行顺序是什么样的？
koa中间件 koa中,中间件分为应用级和路由级 //应用级 app.use(async (ctx, next) => { //应用级中间件 ,先执行中间件,再匹配路由console.log(& ...
深入理解 Koa 中间件之 “ 洋葱模型 ”
欢迎关注我的公众号『前端我废了』,查看更多文章!!! 前言我们知道创建一个 Koa 应用主要分三步: const Koa = require('koa'); // 1. 创建一个 Koa 实例 ...
初识洋葱模型，分析中间件执行过程，浅析koa中间件源码
前言作为洋葱模型的第一篇文章,这里仅介绍了一些入门级知识,比如了解洋葱模型执行顺序分析部分 koa 中间件的源码来加深对中间件的认识为第二篇文章:分析洋葱模型实现原理,在自己项目中接入洋葱模型 ...
Koa 中间件使用之 koa-jwt
Koa 中间件使用之 koa-jwt koa-jwt 是 koa 的一个验证 JSON Web Tokens 的中间件, 它可以将浏览器携带在请求里面的 token 获取出来进行验证, 并将验证之后的 ...
洋葱模型php,比较express与koa中间件模式的区别与联系
本篇文章主要介绍了详解express与koa中间件模式对比,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧起因最近在学习koa的使用, 由于koa是相当基础的web框架 ...
web前端技术分享：koa中间件是如何实现的？
在前端开发过程中我们可能会使用到koa中间件,但很多同学却不知道它是如何实现的,下面小千就来给大家介绍一下这个koa中间件(洋葱模型). 一.问题分析 async await是promise的语法糖, ...

自己实现 koa 中间件的 app.use 和 next 函数

自己实现 koa 中间件的 app.use 和 next 函数相关推荐

最新文章

热门文章