Modern JavaScript ES6+ Features

JavaScript has evolved significantly with ES6 and later versions. Let's explore the essential features every developer should master.

Arrow Functions

Arrow functions provide a concise way to write functions:

javascript

// Traditional function
function add(a, b) {
  return a + b;
}

// Arrow function
const add = (a, b) => a + b;

Destructuring

Extract values from arrays and objects easily:

javascript

// Object destructuring
const person = { name: 'John', age: 30 };
const { name, age } = person;

// Array destructuring
const colors = ['red', 'green', 'blue'];
const [first, second] = colors;

Template Literals

Use template literals for string interpolation:

javascript

const name = 'World';
const greeting = `Hello, ${name}!`;