axios源码学习记录

最新推荐文章于 2022-11-26 12:58:10 发布

失忆意

最新推荐文章于 2022-11-26 12:58:10 发布

阅读量288

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/Toxic07/article/details/104395287

版权

本文探讨了axios的混合模式实现，即它既能作为函数调用（如axios({})），也能作为对象使用（如axios.get）。深入解析了axios的调用过程，从axios.request开始，经过请求和响应拦截器，到实际的请求执行。同时，介绍了axios拦截器的工作原理，如何添加和管理拦截器。另外，解释了axios的取消功能，以及它如何在浏览器和Node.js环境中发送请求。

摘要由CSDN通过智能技术生成

axios的混合模式是怎么实现的？也就是 axios 既可以当函数调用，也可以当对象使用，比如axios({})、axios.get

~~本身axios就是个函数，对象调用是因为在axios的原型上挂载了这些方法 2020.1.16更新~~

axios定义了一个类，类里面里面有request(config)、get、post、options等方法，我们使用的axios其实就是这个类实例里面的request方法，然后将类里面的其余方法都挂到这个实例上，也就是实现了混合模式

class Axios {
    request(config) {}
    get(url,config){}
    post(url,data,condif){}
    // ... head options delete put patch
}

function createInstance() {
    const context = new Axios()
    const instance = Axios.prototype.request.bind(context)
    extend(instance, context)
    
    return instance  
}