JavaScript Modules (import/export)

What capability do dynamic imports provide that static imports don't?

// async-module.js
export default class DataService {
  async fetchData() {
    // Fetch implementation
  }
}

// main.js
import('./async-module.js')
  .then(module => {
    const service = new module.default();
    return service.fetchData();
  });

Better performance
Asynchronous loading
Dynamic imports provide asynchronous loading capabilities that static imports don't: 1) They allow modules to be loaded on-demand rather than at initial load time, 2) They return a Promise, enabling proper handling of loading states and errors, 3) They can be used inside conditional statements and functions, 4) They support dynamic module specifiers (computed at runtime), 5) They enable code-splitting and lazy loading optimizations, 6) They're perfect for implementing progressive loading strategies, 7) They help reduce initial bundle size by deferring non-critical module loading.
More secure imports
Automatic error handling

Next Question (12/21)