Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta.

Suspendisse consequat ornare venenatis. Suspendisse mi quam, consequat sit amet lectus vitae, auctor ullamcorper nisl. Morbi mauris risus, venenatis et tortor a, finibus aliquam justo.

Arrow Functions

Lorem ipsum dolor sit amet, consectetur adipiscing elit:

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

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

Destructuring Assignment

Vestibulum ante ipsum primis in faucibus orci luctus:

// Object destructuring
const { name, age } = person;

// Array destructuring
const [firstColor, secondColor] = colors;

Spread and Rest Operators

Lorem ipsum dolor sit amet, consectetur adipiscing elit:

// Spread operator
const numbers = [1, 2, 3];
const moreNumbers = [...numbers, 4, 5];

// Rest operator
function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

Template Literals

Pellentesque habitant morbi tristique senectus:

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

Async/Await

Aliquam erat volutpat. Donec nec urna vitae lacus dictum iaculis:

async function fetchUserData() {
  try {
    const response = await fetch('/api/user');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
  }
}

"Lorem ipsum dolor sit amet. Modern JavaScript features make code more readable and maintainable."
— JavaScript Guide