前端网红框架的插件机制全梳理

但是总有无法预料到的，所以优秀的库就需要提供一种机制，让开发者可以干预插件中间的一些环节，从而完成自己的一些需求。

本文将从koa、axios、vuex和redux的实现来教你怎么编写属于自己的插件机制。

• 对于新手来说：本文能让你搞明白神秘的插件和拦截器到底是什么东西。
• 对于老手来说：在你写的开源框架中也加入拦截器或者插件机制，让它变得更加强大吧!

axios

首先我们模拟一个简单的 axios，这里不涉及请求的逻辑，只是简单的返回一个 Promise，可以通过 config 中的 error 参数控制 Promise 的状态。

axios 的拦截器机制用流程图来表示其实就是这样的：


 

axios.run这个函数看运行时的机制，首先构造一个chain作为 promise 链，并且把正常的请求也就是我们的请求参数 axios 也构造为一个拦截器的结构，接下来

• 把 request 的 interceptor 给 unshift 到chain顶部
• 把 response 的 interceptor 给 push 到chain尾部

以这样一段调用代码为例：

（编辑：南昌站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!