ES6 combines multiple class methods

Preface ：

        es6 Newly added class Method , Now I want to merge many of them , Finally, a new method is generated .

Ideas ：

We build new 3 File , Respectively index.js, login.js ,main.js

login.js    and   main.js Are the two class function , Merge them into index.js in

Implementation method ：

1、 Object to merge

let login = {}
let main= {}

// Merge js
const apiObj = {
  ...login,
  ...main
}

2、class Method inheritance

class Request {
    constructor(){

    }
}

// Create a new class Method , And then inherit  request The object in it 
class indexModel extends Request {
  
}

3、class Method dynamic increase js Method

class indexModel{}
let apiObj = {
    aaa(){},
    bbb(){}
    
}
 
Object.assign(indexModel.prototype, apiObj)

Specific source code ：

request.js

export class Request {
    constructor(){
    
    }
    _request()
}

login.js

const login = {
    //  Sign in - Get users session_key
    loginFun(data) {
        return this.request({ url: '/wx/wxOpenid', data: data, method: 'POST' })
    },
}
export default login

main.js

const main = {
    //  Get the sign in information of the current user 
    getSignData(data) {
        return this.request({ url: '/employee', data: data, method: 'GET' })
    }

}
export default main

index.js

// To introduce the relevant js file 
import { Request } from '../utils/request.js'
import login from './login'
import main from './main'

// Merge js
const apiObj = {
  ...login,
  ...main
}

// Create a new class Method , And then inherit  request The object in it 
class indexModel extends Request {
  
}

// Merge the good js, New for us class  Method  indexModel   assignment 
Object.assign(indexModel.prototype, apiObj)

// Send out 
const http = new indexModel();
export default http