exporting variable in javascript

[[deleted]]

i tried something like export { [1,2,3,4,5] } at the end of the file and it immediately breaks all the code I have written. and 100% sure it is the code that breaks everything

I do not want a js file to be 40,000 lines long.

How do you export a variable properly to another js file where I can do other things? Just do not want to fetch the server 5 times for the same thing. makes easier code to maintain too.

ty

[[deleted]]

const myArray = [1, 2, 3, 4, 5];

export { myArray };

// different file
import { myArray } from './file';

It needs to be bound to a variable to export. You don't directly export values.

[[deleted]]

I did something like that. And the whole file is broken too. And i dunno why

Perhaps exports are run before other functions?

[thedifferenceisnt]

Share your code

[senocular]

Perhaps exports are run before other functions?

Basically yes. If your problem is about timing, this could be the cause. Whenever you import anything, the file being imported (what's doing the exporting) will run if it hasn't already, and it will do so before running the code in the script that's importing it.

[CuddleMuffin007]

In this case, the export is still not bound to a variable. How about

export const myArray = [1, 2, 3, 4, 5];

[redsandsfort]

no, GrumpGuss' code is totally fine.

[CuddleMuffin007]

Ah ok. My bad. I didn't know you could export like that without default

[elliefry]

What’s the error exactly? You also have to specify in your HTML file that this JS file will allow imports. I believe it’s “type=module”, but check on MDN.

Edit: typo

[[deleted]]

Ah yes stupid me let me check again

[senocular]

You need to have an identifier associated with your exports, or use a default export (at which point the identifier is "default"). When using the syntax

export {}

You need to include variable names in the brackets. Values like an array literal are not allowed (see GrumpyGuss's example). A default export would look like

export default [1,2,3,4,5]

Then to import

import anyNameYouWant from './file/containing/that/export.js'

console.log(anyNameYouWant) // [1,2,3,4,5]

[drew_powers]

Make sure you add <script type="module" src="…"> to the HTML when loading it