模拟axios的创建[ 实现调用axios(config)自身发送请求或调用属性的方法发送请求axios.request(config) ]

目录

1、axios 函数对象,实现 调用axios(config)自身发送请求或调用属性的方法发送请求axios.request(config)

■ axios创建的源码:

✿  模拟axios的创建代码如下(bind函数的作用:主要是修改this指向,指向axios的实例):


1、axios 函数对象,实现 调用axios(config)自身发送请求或调用属性的方法发送请求axios.request(config)

■ axios创建的源码:

□ 起初axios【instance=bind(Axios.prototype.request, context);】是一个函数,在调用axios(config)函数发送请求时,实际上是调用Axios.prototype.request(config) 方法;

□ 在后续【utils.extend(instance, Axios.prototype, context);】又将Axios原型上的方法属性添加到instance身上。所以axios可以调用属性axios.request(config)发送请求;

❀ 我们知道直接调用axios(config) 发送Ajax请求,实际上是通Axios.prototype.requst(config) 发送Ajax请求


✿  模拟axios的创建代码如下(bind函数的作用:主要是修改this指向,指向axios的实例):

你可能感兴趣的:(web应用,原型模式,javascript,前端,axios,axios创建的模拟)