JavaScript：我可以访问包含导入模块的对象吗？

Question

I'd like to create an array of the modules I am importing into Main.js file. How might I access the object that contains the imported modules?

EDIT To further explain, I am importing multiple classes into a Main.js file containing a Main class. Each of these classes comes from their own individual file, giving me import statements like this:

import Header from './features/Header.js';
import ImageStrip from './features/ImageStrip.js';
import AreaChart from './features/AreaChart.js';
import Axes from './features/Axes.js';

Is there a JavaScript object that contains the modules that are imported, for example something like [ Header, ImageStrip, AreaChart, Axes ] ? Or is it possible to create one?

Answer 1

There is no data structure that is automatically populated with the imports of the current file. You will have to construct your own array or object that manually lists each import.

import Feature1 from './features/Feature1.js';
import Feature2 from './features/Feature2.js';
import {SubFeatureX} from './features/Feature3.js';

const imports = [Feature1, Feature2, {SubFeatureX}];
// or
const imports = {Feature1, Feature2, Feature3: {SubFeatureX}};

If you need to create this variable in every file and are worried about the effort of maintaining the lists manually, you could compile the project with Babel and could write a Babel plugin to add this variable for you at the top of each file.

Answer 2

file.js

export firstFunc() {}
export nextFunc() {}

newFile.js

import * as Obj from "./file.js";

Does it make sense?

Answer 3

import {firstMethod, secondMethod} from "./firstFile";
import {anotherFirstMethod} from "./secondFile";

export {
    firstMethod,
    secondMethod,
    anotherFirstMethod
};

or

import * as Obj from "./firstFile";
import * as Obj2 from "./secondFile";

export {
    Obj,
    Obj2
};