Importing Default Exports

Default exports are imported without curly braces. You can choose any name for the imported value.

Example

// Importing a default export
import Logger from "./Logger.js";
import MyLogger from "./Logger.js"; // Same export, different local name

// Importing both default and named in one statement
import Logger, { LOG_LEVELS, formatMessage } from "./Logger.js";

const log = new Logger("App");
log.log("Ready");

JAVASCRIPT

Full Editor

Pro Tip

The absence of curly braces distinguishes a default import from a named import.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned