AnilRedshift AnilRedshift - 1 year ago 84
Javascript Question

Enumerating wildcard imports in ES2015

So, in ES2015 you can have:

// Module A
export const FOO = 0;
export const BAR = 1;

// Module B
import * as AExports from 'ModuleA';
console.log(AExports.FOO); // Prints 0

What's the official way to enumerate the exports of ModuleA at runtime?

import * as AExports from 'ModuleA';
// Are these values guaranteed to be something?
Object.keys(AExports); // If so, should I look at enumerable values?
[...AExports]; // Iterable values?
Object.getOwnPropertyNames(AExports); // Here?

As far as I can tell, the spec describes this as an ImportedBinding but I can't deduce anything more from that.

NameSpaceImport : * as ImportedBinding
Let localName be the StringValue of ImportedBinding.
Let entry be the Record {[[ModuleRequest]]: module, [[ImportName]]: "*", [[LocalName]]: localName }.
Return a new List containing entry.

Answer Source

The important part of the spec in this case is that when you do

import * as foo from 'foo';

The foo variable's value is created at section step 12.b which creates a Module Namespace Exotic Object, where properties are the named exports and all properties are enumerable so you are totally safe in using Object.keys(foo) to get the names of all of the named exports. The object is not iterable, so you will not be able to use an iterable spread, though you could use the proposed object spread syntax to copy the properties if you wanted. Object.getOwnPropertyNames should work fine too.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download