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 进程。

 

axios 内部原理学习记录

上一篇:扫码枪 移动端监听


下一篇:Android监听消息通知栏点击事件