javascript - 为函数创建单独的类

Question

我正在尝试创建一个加载器/处理程序类，但我似乎无法让这些函数出现在其他类中。我将该类导入到我的 index.js 中，我正在尝试调用这些函数，但它们不起作用。

这就是我在 index.js 中所做的，但没有出现任何功能。

import * as QueryHandler from "./src/api/QueryHandler";
QueryHandler.

这是我的查询处理程序类。

class QueryHandler{
    constructor();

    createConnection() {
        const client = new ApolloClient({
            // uri: url
        });
    }
}
exports.QueryHandler = QueryHandler;

我希望能够调用 index.js 文件中的 createConnection 方法。

Answer 1

您编写的createConnection 函数是类实例上的一个方法。这意味着您首先必须实例化一个新的 QueryHandler，然后在该实例上调用该函数:

const handler = new QueryHandler();
handler.createConnection()

---

或者，您可以将其编写为静态方法。这意味着您可以直接在类上调用它，而无需实例化它:

// QueryHandler.js
class QueryHandler{
    static createConnection() {
        const client = new ApolloClient({
            // uri: url
        });
    }
}

export default QueryHandler;

// index.js
import QueryHandler from "./src/api/QueryHandler";
QueryHandler.createConnection()

---

第三种选择是完全放弃类，只导出函数。这是最简单的:

// QueryHandler.js
function createConnection() {
    const client = new ApolloClient({
        // uri: url
    });
}

export { createConnection };

// index.js
import { createConnection } from "./src/api/QueryHandler";
createConnection()