Difference between default and regular typescript exports?

Question

Just want to see whether I understand the difference between typescript exports that use the default keyword and 'normal' exports. For example:

import validate from "./StaticZipCodeValidator";

In this case we don't need to to surround validate with curly {} braces, since it's the default export of "./StaticZipCodeValidator";

So when exporting defaults we don't use curly braces as shown here:

declare let $: JQuery;
export default $;

And when importing we also don't use curly braces. Did I miss anything?

basarat · Accepted Answer · 2017-05-02 05:39:51Z

1

And when importing we also don't use curly braces. Did I miss anything?

No.

That said. Personally I don't use default exports for various reasons. I have seen other OSS libraries making the choice to avoid this feature as well.

answered May 2, 2017 at 5:39

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Comments

Paleo · Accepted Answer · 2017-05-02 10:21:32Z

1

TypeScript modules are an implementation of ES6 modules. I suggest the ES6 introduction to modules from Mozilla:

import _ from "lodash";
This shorthand is equivalent to import {default as _} from "lodash";.

[...] There’s nothing magic about a default export; it’s just like any other export, except it’s named "default".

The member default is intended to replace the CommonJS module.exports =. It is better because we keep the ability to export additional things later.

answered May 2, 2017 at 10:21

Paleo

24k5 gold badges74 silver badges84 bronze badges

Comments

Leonardo Venoso · Accepted Answer · 2017-05-04 06:10:42Z

0

Let's say you have a file (module). A module can have multiple clases, abstractions, and interfaces.

Then, when you import a non default class, abstractions, or interface you have to use the curly braces, otherwise you import de default exported component.

import {NotDefaultClass} from "DefaultExportedClass";

import DefaultExportedClass from "DefaultExportedClass";

edited May 4, 2017 at 6:10

answered May 2, 2017 at 8:31

Leonardo Venoso

1,24212 silver badges15 bronze badges

Collectives™ on Stack Overflow

Difference between default and regular typescript exports?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related