What Is The Best Way To Export An Object Literal With Es6/2015?

Seemingly a very simple task... export default function() { return { googleClientID:'xxxx' } } Is it the best way to export object literal with app settings?

Solution 1:

You can export object itself:

exportdefault {
    googleClientID:'xxxx'
};

The difference is that in your case you will get brand new object every time you call exported function. In this case you will get the same object every time. Depends on what you need.

Solution 2:

You can simply export an object

exportdefault { googleClientID:'xxxx' };

A default export can be a function, a class, an object or anything else. This value is to be considered as the "main" exported value since it will be the simplest to import.

Solution 3:

@madox2 's and @void 's answer may be some kind of common misunderstanding.

I just ran into a similar problem while issuing a PR to DefinitelyTyped -- #18725. The typescript compiler complains about the generated files.

A example should be:

// ...import zip from"./zip";
import zipObject from"./zipObject";
import zipObjectDeep from"./zipObjectDeep";
import zipWith from"./zipWith";

exportdefault {
  // ...
  zip,
  zipObject,
  zipObjectDeep,
  zipWith
};

At the first glance, i didn't think its my problem. Because i just copy the code from lodash-es. But then i can't find any simple approach to remove the errors.

So I go to the spec for answer. Wow, the spec doesn't talk about default export of an object, if I read it right.

Conclusion:

The follow is spec-respected:

export { googleClientID:'xxxx' }

---

Just found some more references:

• https://medium.com/@timoxley/named-exports-as-the-default-export-api-670b1b554f65#a279
• https://medium.com/@rauschma/note-that-default-exporting-objects-is-usually-an-anti-pattern-if-you-want-to-export-the-cf674423ac38

Solution 4:

Exporting: not nicest, but handy when importing later.

exportconstROOT = '/tmp/test'exportconstEXT = '.backup'// ... and so on

Importing: cleanest usage (and we usually import more than export).

import { ROOT, EXT } from'./literals.js'const file = ROOT + yourFileName + EXT