Javascript 为函数创建单独的类

Javascript 为函数创建单独的类,javascript,react-native,Javascript,React Native,我试图创建一个加载器/处理程序类,但似乎无法在其他类中显示函数。我将该类导入到index.js中,并尝试调用这些函数,但它们不起作用 这就是我在index.js中所做的,但是没有函数出现 import * as QueryHandler from "./src/api/QueryHandler"; QueryHandler. 这是我的查询处理程序类 class QueryHandler{ constructor(); createConnection() {

我试图创建一个加载器/处理程序类,但似乎无法在其他类中显示函数。我将该类导入到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方法。

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

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

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

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

export default QueryHandler;

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

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

export { createConnection };

很乐意帮忙!如果它解决了你的问题,如果你把我的答案记为接受,我将不胜感激。
// QueryHandler.js
function createConnection() {
    const client = new ApolloClient({
        // uri: url
    });
}

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