axios({
  url,
  method,
  headers,
})

axios(url, {
  method,
  headers,
})

axios.get(url, {
  headers,
})

axios.post(url, data, {
  headers,
})

axios.create(optios)

// Axios引入 (axios/index.js)
module.exports = require(‘./lib/axios‘)

function createInstance(defaultConfig) {

　// 创建一个Axios的实例但是最终返回的并不是这个实例
  var context = new Axios(defaultConfig);

　// 创建一个instance的容器，指向Axios.prototyep.request方法，并上下文指向context，最终返回。　
　// 我们能用Axios() => instance() 
  var instance = bind(Axios.prototype.request, context);

　// 把Axios.prototype上的方法扩展到instance对象上。
　//　这样instance又有了get、post、put等方法
　//  并指向上下文context，这样执行Axios原型链上的方法时，this会指向context
  utils.extend(instance, Axios.prototype, context);

  // 把context对象上的自身属性和方法扩展到instance上
　//  extend方法会遍历对象本身，不会表里原型链上的方法和属性
  // instance就有了create，default, interceptors的方法和属性
  utils.extend(instance, context);

  return instance;
}

// 调用axios()方法时候，使用默认配置
var axios = createInstance(defaults);

// Expose Axios class to allow class inheritance
axios.Axios = Axios;

// Factory for creating new instances
// 合并配置项

axios.create = function create(instanceConfig) {
  return createInstance(mergeConfig(axios.defaults, instanceConfig));
};

// /lib/core/Axios.js


function Axios(instanceConfig) {
  this.defaults = instanceConfig;
  this.interceptors = {
    request: new InterceptorManager(),
    response: new InterceptorManager()
  };
}

Axios.prototype.request = function request(config) {
  // ...处理配置和参数合并处理，省略代码
};

// 为支持的请求方法提供别名
utils.forEach([‘delete‘, ‘get‘, ‘head‘, ‘options‘], function forEachMethodNoData(method) {
  Axios.prototype[method] = function(url, config) {
    return this.request(utils.merge(config || {}, {
      method: method,
      url: url
    }));
  };
});
utils.forEach([‘post‘, ‘put‘, ‘patch‘], function forEachMethodWithData(method) {
  Axios.prototype[method] = function(url, data, config) {
    return this.request(utils.merge(config || {}, {
      method: method,
      url: url,
      data: data
    }));
  };
});

// default.js
// 适配器
var adapter = config.adapter || defaults.adapter;

  return adapter(config).then(function onAdapterResolution(response) {
    throwIfCancellationRequested(config);

// 处理不同环境发出的request请求
function getDefaultAdapter() {
  var adapter;
  if (typeof XMLHttpRequest !== ‘undefined‘) {

     // 处理浏览器的发出的请求
    adapter = require(‘./adapters/xhr‘);

  } else if (typeof process !== ‘undefined‘ && Object.prototype.toString.call(process) === ‘[object process]‘) {
    // For node use HTTP adapter

    // 处理node环境的发出的请求
    adapter = require(‘./adapters/http‘);
  }
  return adapter;
}

// xhr.js

// 返回xhr的promise对象

module.exports = function xhrAdapter(config) {
  return new Promise(function dispatchXhrRequest(resolve, reject) {
 
    var request = new XMLHttpRequest();

    // Send the request
    request.send(requestData);
  });
};

// InterceptorManager.js
// InterceptorManager方法维护一个数组
function InterceptorManager() {
  this.handlers = [];
}

// 每次在数组尾部加入promise对象， use方法进行注册
InterceptorManager.prototype.use = function use(fulfilled, rejected) {
  this.handlers.push({
    fulfilled: fulfilled,
    rejected: rejected
  });
  return this.handlers.length - 1;
};

  // 创建一个执行链 [dispatchRequest, undefined], dispatchRequest是适配器ajax中封装的promise请求
  var chain = [dispatchRequest, undefined];
  var promise = Promise.resolve(config);

  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
    chain.unshift(interceptor.fulfilled, interceptor.rejected);
  });

  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
    chain.push(interceptor.fulfilled, interceptor.rejected);
  });

　// 执行顺序promise.then(rs2, rf2).then(rs1, rf1). then(dispatchRequest, undefine).then(ps1, pf1).then(ps2, pf2)...
  while (chain.length) {
    promise = promise.then(chain.shift(), chain.shift());
  }

  return promise;
};