手写实现axios库请求方法实现

Axios.prototype = {
            // 请求方法
            request(config = {}) {
// 声明一个成功的promise，使得返回config返回的是一个成功的promise
            let promise =Promise.resolve(config);
// 声明一个数组,这里第二个参数声明一个undefined是为了做一个占位，如果没有这个值，运行会出现问题
            let chains=[dispatchRequest,undefined]
// 调用then方法进行指定回调,这里指定成功和失败的回调，这里由于使用promise所有这个result接收的就是一个对象处理成功过后的返回实例
         let result=   promise.then(chains[0],chains[1]);
        //  把promise返回出去
         return result
            }
        }

// dispatchRequest 函数
        function dispatchRequest(config){
// 这里通过then方法调用所以指明了xhrAdapter函数的返回值一定是一个promise对象，xhrAdapter函数作为我们的返回值，所以当前的dispatchRequest函数也一定是一个promise对象
return xhrAdapter(config).then(response=>{
// 对响应的结果进行返回
return response;
},error=>{
    // 返回失败则抛出错误
    throw error;
    console.log(error);
})
        }

// 在这里，如果这个请求发送成功了，这个then方法中会去执行第一个回调函数，否则就会去执行第二个抛出错误
        function  xhrAdapter(config){
return new Promise((resolve,reject)=>{
    // 发送xhr请求
    const XHR=new XMLHttpRequest()
    // 初始化请求
    XHR.open(config.method,config.url);
    // 发送请求
    XHR.send()
    // 绑定事件
    XHR.onreadystatechange=function(){
// 判断请求状态是否成功
// 0:开始发送请求
// 1：正在发送请求
// 2：已经接收到全部响应内容
// 3：正在解析响应内容
// 4：请求完成
        if(XHR.readyState==4){
// 判断请求是否发送成功,请求响应状态码大于或等于200且小于300则是成功否则就是失败
if(XHR.status>=200&&XHR.status<300){
// 成功,则返回promise的成功状态，以此后几个函数会因此继续往下运行,
// 先会让dispatchRequest函授接收到成功的值
resolve({
    // 配置对象
    config:XHR.config,
    // 响应体
    data:XHR.response,
       // 响应头
       headers:XHR.getAllResponseHeaders(),
    //   XHR请求对象 
    request:XHR,
//  响应的状态码
    status:XHR.status,
    // 响应状态字符串
    statusText:XHR.statusText,
});
}else{
    // 失败就抛出错误
    reject(new Error('请求失败'))
}
        }
    }
})
      }