目录

1.axios的主要函数

2.针对url的一些处理

3.post参数及请求头的处理

4.返还对象的包装

5.工厂模式函数和混入模式

5.1axios的使用方式

5.1.1方式一：axios({})

5.1.2方式二：axios.get({})

5.1.3方式三：axios.create({})

5.2工厂模式函数和混入模式

5.3继承函数

6.拦截器

6.1拆分dispathXhr触发ajax方法；

6.2拦截管理器

6.3任务链执行对应函数 (注意this指向)

7.Adapters适配器

7.1在触发dispathXhr函数中判断axios运行的环境

7.2Adapters中对应不同的处理

---

1.axios的主要函数

• 定义

• 调用

2.针对url的一些处理

• 工具类util —>单例模式；

let util =  {}

• get处理url

  • buildURL函数

3.post参数及请求头的处理

• 针对post参数的处理

  • data来进行json转换

  • 设置默认头部

4.返还对象的包装

• 返还对象的形式

• 针对返还对象的处理

5.工厂模式函数和混入模式

5.1axios的使用方式

5.1.1方式一：axios({})

axios({})

5.1.2方式二：axios.get({})

axios.get({})

5.1.3方式三：axios.create({})

axios.create({})

5.2工厂模式函数和混入模式

5.3继承函数

extends(a, b, thisArg) {//只拷贝循环对象自身方法for (let key in b) {if (b.hasOwnProperty(key)) {let val = b[key];// console.log("val值",val);if (thisArg && typeof val === 'function') {a[key] = val.bind(thisArg);} else {a[key] = val;}}}return a;}

6.拦截器

6.1拆分dispathXhr触发ajax方法；

 

6.2拦截管理器

class InterceptorManager {constructor() {this.handlers = [];}use(fulfilled, rejected) {this.handlers.push({fulfilled: fulfilled,rejected: rejected});}
}

6.3任务链执行对应函数 (注意this指向)

 

7.Adapters适配器

7.1在触发dispathXhr函数中判断axios运行的环境

//环境判断  和发送网络请求if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {return this.adapters.http(this.instanceConfig);} else if (typeof XMLHttpRequest !== 'undefined') {return this.adapters.xhr(this.instanceConfig);}

7.2Adapters中对应不同的处理