⚙️ ES6+ Modern JavaScript Features

ES6 (ECMAScript 2015) and later versions introduced powerful new syntax and features that make JavaScript more expressive and concise. Here’s a quick overview of the most important updates you’ll use frequently in modern development.

📌 let & const

let count = 10;  // Mutable
const PI = 3.14; // Immutable

🔻 Arrow Functions

// Traditional
function greet(name) {
  return "Hello " + name;
}

// Arrow
const greet = name => `Hello ${name}`;

📦 Template Literals

const user = "Alice";
console.log(`Welcome, ${user}!`);

🛠️ Destructuring

// Object
const user = { name: "Bob", age: 25 };
const { name, age } = user;

// Array
const colors = ["red", "green"];
const [first, second] = colors;

🌀 Spread & Rest Operators

// Spread
const nums = [1, 2, 3];
const newNums = [...nums, 4, 5];

// Rest
function sum(...args) {
  return args.reduce((a, b) => a + b, 0);
}

📁 Modules

// Exporting
export const sayHello = () => console.log("Hello");

// Importing
import { sayHello } from './utils.js';

📌 Default Parameters

function greet(name = "Guest") {
  console.log(`Hello, ${name}`);
}