how to export javascript function as a module

Question

I've exported a function and imported it in Javascript, but the only way i can access the functions inside it is by typing it like this:

myModule.mainFunc().func1()

But what i'm trying to achieve is more like this:

myModule.mainFunc.func1()

Currently it gives an error if i try to reference to it like this.

I've tried returning the values of the functions as objects but it still needs me to call it as functions.

function greet() {

    var hello = () => {
        console.log("hello there");
    };

    var hi = () => {
        console.log("hi there");
    };

    return { hello: hello, hi: hi };  // I've tried this doing it like this 
}

export default {greet};

Here's how I'm importing it:

import greetings from "./index.js";

greetings.greet().hello()

Yousaf · Accepted Answer · 2021-02-10 10:26:36Z

2

You can't reference the functions defined inside greet function as

myModule.mainFunc.func1()

because myModule.mainFunc is a greet function itself. What you want to import is the result of calling greet function.

You can avoid invoking the greet function manually by making your function an IIFE (Immediately Invoked Function Expression). Doing this will execute the function as soon as it is defined.

const greet = (function() {

    var hello = () => {
        console.log("hello there");
    };

    var hi = () => {
        console.log("hi there");
    };

    return { hello, hi };
})();

export default { greet };

Now when you export greet, you are not exporting greet function, but the result of calling greet function which is an object with two functions, hello and hi.

edited Feb 10, 2021 at 10:26

answered Feb 10, 2021 at 10:21

Yousaf

29.5k6 gold badges54 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nick Olay · Accepted Answer · 2021-02-10 10:21:52Z

1

define greet as an object

var greet = {
    hello: () => {
        console.log("hello there");
    },
    hi: () => {
        console.log("hi there");
    },
}

and access it like greet.hello()

answered Feb 10, 2021 at 10:21

Nick Olay

791 silver badge4 bronze badges

Comments

Thang Le · Accepted Answer · 2021-02-10 10:36:17Z

0

Which environment you're running your code ? If it's NodeJS, make sure it supports ES6 Module as your current style of export and import. Normal NodeJS just supports CommonJS module.

answered Feb 10, 2021 at 10:36

Thang Le

275 bronze badges

Collectives™ on Stack Overflow

how to export javascript function as a module

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related