# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://choubey.gitbook.io/javascript-interview-questions/question-38.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.