Javascript ES6+ named default export syntax

Question

Is this valid export syntax?

export default debug = {
    myfunction: myFunction
};

Yes it is valid syntax.

Ali Gajani
– Ali Gajani

2017-02-23 04:25:34 +00:00
Commented Feb 23, 2017 at 4:25 — Ali Gajani
– Ali Gajani, Commented Feb 23, 2017 at 4:25

Abhishek · Accepted Answer · 2017-02-23 04:33:26Z

5

Default export syntax is correct.

But one catch here the variable 'debug' needs to be decalred.

You do something like below:

export default {
    myfunction: myFunction
}

or

const deb = {
    myfunction: myFunction
}
export default deb;

answered Feb 23, 2017 at 4:33

Abhishek

1,4871 gold badge10 silver badges18 bronze badges

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

Comments

Gerrit0 · Accepted Answer · 2017-02-23 04:56:18Z

4

As debug is not defined when you assign your export object to it, and modules are run in strict mode, no. This is not valid. If you feel you must export a named object, you must declare it first.

let debug;
export default debug = {};

Note that you cannot declare the variable and export it in the same line.

export default const debug = {}; // invalid

From MDN:

Note that it is not possible to use var, let or const with export default.

edited Feb 23, 2017 at 4:56

answered Feb 23, 2017 at 4:30

Gerrit0

9,3823 gold badges30 silver badges36 bronze badges

4 Comments

riyuyu Over a year ago

Thank you. I was asking because I was building this with jspm and it did complain about "debug" not being defined. I ended up doing what you posted.

Felix Kling Over a year ago

"Valid in that it will run? Yes." Not quite. Since modules are in strict mode and you cannot assign to undeclared variables in strict mode, this will throw a runtime error.

Gerrit0 Over a year ago

@FelixKling thanks, I'm so used to working with transpilers I completely forgot about that. Answer fixed.

riyuyu Over a year ago

Thanks to you both for clarifying.

Collectives™ on Stack Overflow

Javascript ES6+ named default export syntax

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related