如何将多个 javascript 类中的函数组合到一个对象中

Question

我有一个快速的 JavaScript 问题。

说我有RootFile.js

import UserApi from './UserApi'
export default class RootFile {

  get userApi() {
    return UserApi;
  }
};

然后我得到了UserApi.js

import Auth from './auth';
import Profile from './profile';

const merged = {
  ...new Auth, 
  ...new Profile 
}

export default merged;

然后我得到了单独的功能文件，例如auth.js 或profile.js。

auth.js

export default class Auth{
  authLog(){
    console.log("DONE");
    //Gotta find a way to run this.
  }
}

profile.js

export default class Profile{
  profileLog(){
    console.log("DONE");
    //Gotta find a way to run this.
  }
}

现在我希望能够打电话：

import RootFile from './RootFile'

RootFile.userApi.profileLog();
//and
RootFile.userApi.authLog();

我无法让它工作，RootFile.userApi 是 object 的类型，但 authLog 是 undefined。 我做错了什么？

Answer 1

我最终做了以下事情：

我的RootFile.js 现在看起来像这样：

import UserApi from './UserApi'
export default class RootFile {

    get userApi(){
        return UserApi;
    }
};

我摆脱了get，因为@Tim 说它们的性能不高。

那么我的UserApi.js 现在看起来像这样：

import * as Auth from './auth';
import * as Profile from './profile';

const merged = {
  ...Auth, 
  ...Profile 
}

export default merged;

没有更多的new。

然后我得到了单独的功能文件，例如auth.js 或profile.js。

auth.js

export function authLog(){
    console.log("auth test ");
},
export default auth;

profile.js

export function profileLog(){
    console.log("profile test ");
} 
export default profile;

因此，正如@Bergi 建议的那样，不再上课了。

现在我可以打电话了：

import RootFile from './RootFile'

RootFile.userApi.profileLog();
//and
RootFile.userApi.authLog();

谢谢大家的回答，但毕竟我会这样做，效果很好。

Answer 2

我认为你不想这样做。在各自的类中分离逻辑的全部意义在于获得一个更结构化和更易于维护的库。

我会选择作文：

export default class RootFile  {

  get userApi() {
    // Some logic here?

    // Just return a newly created api for now:
    return new UserApi;
  }
};

对UserApi做同样的事情：

export default class UserApi {

  get profile() {
    return new Profile;
  }
};

并像这样使用它：

rootFile.userApi.profile.log("etc");

---

为什么要作曲？

• 这样您就不必担心函数的重新定义。
• 速度更快，JavaScript 引擎现在可以针对您的类进行优化，而这对于合并的构造是不可能的。

---

还要记住，getter 的性能不如属性。我认为您应该考虑为常用的类成员使用属性

Answer 3

我认为... 扩展运算符的使用是不正确的。尝试改用Object.assign - 它接受一个目标对象并将其他对象的所有可枚举属性分配给它。

import Auth from './auth';
import Profile from './profile';

let merged = {};
Object.assign(merged, new Auth, new Profile);

export default merged;