axios 内部原理学习记录

前提：一次面试被问到了，axios有什么特点，对比一下ajax。答的很不满意。

axios是一个基于Promise的http请求库,可用于浏览器和 Node。可以说是目前最为常用的http库，有必要了解一下其内部的实现原理。

同时支持浏览器端和服务端的请求。由于axios的这一特性，vue的服务端渲染对于axios简直毫无抵抗力。 这很牛x啊！

下面选部分重要代码分析。

function getDefaultAdapter() {
 var adapter;
 if (typeof XMLHttpRequest !== ‘undefined‘) {
   //通过判断XMLHttpRequest是否存在，来判断是否是浏览器环境
   adapter = require(‘./adapters/xhr‘);
 } else if (typeof process !== ‘undefined‘) {
   //通过判断process是否存在，来判断是否是node环境
   adapter = require(‘./adapters/http‘);
 }
 return adapter;
}

到这里真相大白，这里通过  XMLHttpRequest  和  process 来判断是浏览器环境还是node环境（学习了！），  从而在不同的环境提供不同的http请求模块，实现客户端和服务端程序的兼容。

同理，我们在做ssr服务端渲染时，也可以使用这个方法来判断代码当前的执行环境。

知识点：

XMLHttpRequest  是浏览器内置的一个对象，它为客户端提供了在客户端和服务器之间传输数据的功能。

process 对象是node内置的一个全局变量，提供有关信息，控制当前 Node.js 进程。