> For the complete documentation index, see [llms.txt](https://choubey.gitbook.io/javascript-interview-questions/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://choubey.gitbook.io/javascript-interview-questions/question-38.md).

# Question 38

### Question

Explain how to use named exports and default exports together in a single module.

### Answer

Named exports and default exports are both powerful features of ES6 modules, allowing for organized and flexible code sharing.

Here's how you can use them together in a single module:

```javascript
// myModule.js

export function greet(name) {
  return `Hello, ${name}!`;
}

export const PI = 3.14159; // Named export - constant

export default function add(a, b) { 
  return a + b;
}
```

**Explanation:**

* **Named Exports:**
  * `export function greet(name)` and `export const PI = 3.14159;` use the `export` keyword to make these specific functions and constants available for import as named exports.
* **Default Export:**
  * `export default function add(a, b)` uses the `default` keyword before the function declaration. This makes the `add` function the *primary* exported entity from this module.

**Importing in Another Module:**

```javascript
// app.js (example importing)
import { greet, PI } from './myModule.js'; 
import add from './myModule.js'; // Import default export directly

console.log(greet("Alice"));  // Output: Hello, Alice!
console.log(PI);            // Output: 3.14159
console.log(add(2, 3));       // Output: 5
```

**Key Points:**

* A module can have both named exports and a default export.
* You import named exports individually using curly braces (`{}`), specifying the desired names.
* To import a default export, you just use the module's filename as the imported value.