es6クラスを使ってAxiosを拡張する

Question

私はAPIラッパーを作成し、es6クラスを使用してAxiosから拡張することに興味があります。これはどのように可能ですか？ Axiosは新しいaxiosは私がこのlet instance = axios.create()へのアクセス権を持って知っている

class Api extends Axios { 
    constructor(...args){ 
    super(..args) 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

オブジェクトあなたが生成することを可能にする方法の.create（）を持っています。

どのような考えですか？

試み1

import axios from 'axios' 
const Axios = axios.create() 

class Api extends Axios { 
    constructor (...args) { 
    super(...args) 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

let api = new Api() 

api.cancelOrder('hi') 
    .then(console.log) 
    .catch(console.log) 

試み2

import axios from 'axios' 

class Axios { 
    constructor() { 
    return axios.create() 
    } 
} 

class Api extends Axios { 
    constructor() { 
    super() 
    this.defaults.baseURL = 'https://api.com' 
    } 
    cancelOrder (id) { 
    return this.put(`/cancel/order/${id}`) 
    } 
} 

let api = new Api() 

console.log(api.__proto__) 

api.cancelOrder('hi') 
    .then(console.log) 
    .catch(console.log) 

Answer 1

あなたがaxiosのsource codeを見れば、彼らは、Axiosのためだけのインスタンスを "クラス" を公開していないようです。

インスタンスオブジェクトをes6で拡張できるとは思いません。

---

あなたの第二の試みは最も実行可能なようだが、あなたはすべての単一axios方法をエミュレートしたい場合は、あなたは多くのオーバーヘッドを有することができます。

Answer 2

axiosは、現在内部で使用するAxiosオブジェクトをエクスポートしていません。

.create()メソッドは、新しいインスタンスをインスタンス化するだけです。

// Factory for creating new instances 
axios.create = function create(defaultConfig) { 
    return new Axios(defaultConfig); 
}; 

私はAxiosクラスをエクスポートするprを作成しました。

https://github.com/reggi/axios/commit/7548f2f79d20031cd89ea7c2c83f6b3a9c2b1da4

そしてここgithubの問題：

https://github.com/mzabriskie/axios/issues/320