How can I use a function from one Javascript file in another?

Question

I have the following Javascript file, one.js:

function doSomething() {
    console.log("doing stuff");
}

I have another Javascript file, two.js, in which I want to call doSomething():

doSomething();

How can I achieve this? Note this code is for a browser extension so I cannot use html.

Possible duplicate of Javascript import function syntax

J'e
– J'e

2018-06-21 12:30:14 +00:00
Commented Jun 21, 2018 at 12:30 — J'e
– J'e, Commented Jun 21, 2018 at 12:30

Harun Or Rashid · Accepted Answer · 2018-06-21 13:25:54Z

2

You have to import the function from one.js as below :
import doSomething from "one.js";

Then assign it to some variable of current object and use it.
this.doSomething = doSomething();

answered Jun 21, 2018 at 13:25

Harun Or Rashid

5,9572 gold badges21 silver badges23 bronze badges

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

Comments

Muhammad Aadil Banaras · Accepted Answer · 2018-06-21 12:30:32Z

0

you can use scripts as background and content script in extensions code, you can do something like that,

 "background": {
 "scripts": [ "js/sharedFunctions.js", "js/mainBackground.js" ]
 },
"content_scripts": [
  {
    "matches": ["*://*/*"],
    "js": ["js/sharedFunctions.js", "js/mainContentScript.js"]
  }
]

then functions of first file can be used in second as per order

answered Jun 21, 2018 at 12:30

Muhammad Aadil Banaras

1,3041 gold badge13 silver badges22 bronze badges

2 Comments

Muhammad Aadil Banaras Over a year ago

At the end of question , it is mentioned ,"Note this code is for a browser extension so I cannot use html."

Manos Kounelakis Over a year ago

Oh sorry my mistake

Collectives™ on Stack Overflow

How can I use a function from one Javascript file in another?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related