Modern JavaScript Patterns

ES6+ Features

// Destructuring
const { name, ...rest } = user;

// Arrow Functions
const double = n => n * 2;

// Async/Await
async function fetchData() {
  try {
    const res = await fetch('/api/data');
    return res.json();
  } catch (error) {
    console.error('Fetch failed:', error);
  }
}

Functional Programming

// Pure Functions
function sum(a, b) {
  return a + b;
}

// Higher-Order Functions
const withLogger = fn => (...args) => {
  console.log('Calling with:', args);
  return fn(...args);
};

Module Patterns

// ES Modules
import { utils } from './helpers.js';

// Revealing Module Pattern
const counter = (() => {
  let count = 0;

  return {
    increment() { count++ },
    get() { return count }
  };
})();