一比一还原axios源码至零，标志着旅程的终结与新的起点吗？

本文共计1959个文字，预计阅读时间需要8分钟。

自Vue2版本起，vue-resource已不再被Vue维护和支持。官方推荐使用axios。从我使用axios至今，已有四五年时间。这四五年间，我熟练掌握了其应用，深入理解了其内部实现和原理。

　　从vue2版本开始，vue-resource就不再被vue所维护和支持，官方也推荐使用axios，所以，从我使用axios至今，差不多有四五年了，这四五年的时间只能算是熟练应用，很多内部的实现和原理不清不楚，导致在开发的时候遇到问题，大多数情况都是凭借经验来“猜测”出答案，这就导致内心深处十分的空虚和忐忑，就像是走路的时候脚步虚浮，跌跌撞撞，一点都不平稳。刚好最近的计划是看源码，所以就从axios开始，详细的去解读整个axios的实现，希望这个系列既是笔记也是分享，让大家知道原理，理解场景，懂得实现。ok，下面我们开始进入正文吧。

　　axios本身的核心其实就是XMLHttpRequest，但是又不仅仅是XMLHttpRequest。简单来说，一个库或者一个框架，一个项目，它的核心内容都包含了两部分：打包构建和核心源码。那么本系列对打包构建部分一带而过，只是提供了可以调试源码的程度，并不会对打包构建说太多，一方面是自认为水平还达不到对构建也通透的程度，另外一方面，希望可以抽丝剥茧，去繁取简，让源码不再是神秘的、不可触及的，让所有程度的前端同学，都可以从这系列中学到、用到、得到。

　　哈哈，说多了，下面继续说axios吧。刚才说到了一个项目包含两部分：打包构建和核心源码，那么在核心源码里axios还可以继续拆分出：js代码、typescript声明、单元测试、demo例子。我们这个系列，仅实现：轻量的打包、demo例子和js源码三个部分。当然，或许后续有时间的话，还会把typescript和单元测试、打包构建也都聊一下，不过，那或许得等我学会的时候啦。哈哈。

　　本系列会在每篇文章中，以axios的api入手，对比原生的XMLHttpRequest，会事先聊一下要实现的axiso API是如何使用的，然后根据该部分内容，逐步实现axios源码。