ES6 Features

Example demonstrating destructuring, spread operator, and template literals:

// Destructuring
const user = { name: "Bob", age: 30 };
const { name, age } = user;
console.log(name); // "Bob"

// Spread operator
const arr1 = [1, 2];
const arr2 = [...arr1, 3, 4];
console.log(arr2); // [1, 2, 3, 4]

// Template literals
const greeting = `Hello, my name is ${name} and I am ${age} years old.`;
console.log(greeting);

// Arrow function
const add = (a, b) => a + b;
console.log(add(2, 3)); // 5
          

This code demonstrates:

• Object destructuring to extract properties.
• Using spread operator to copy and combine arrays.
• Template literals for cleaner string interpolation.
• Arrow functions as concise alternatives to traditional functions.

ES6 introduced several key enhancements to JavaScript:

• Destructuring: Allows unpacking of values from arrays or properties from objects into distinct variables.
• Spread Operator (...): Expands arrays or objects into individual elements or properties.
• Template Literals: Use backticks for multi-line strings and embedded expressions using ${expression}.
• Arrow Functions: Shorter syntax for writing functions, and lexically binds the this keyword.
• Let and Const: Block-scoped variable declarations, with const for constants and let as a replacement for var.
• Default Parameters: Functions can define default values for parameters.
• Rest Parameters: Allows functions to accept an indefinite number of arguments as an array.
• Modules: Enables modular programming with import and export.

• Writing cleaner and more readable code using modern syntax.
• Improving modularity and reusability of code through ES6 modules.
• Handling data more efficiently with destructuring and spread/rest operators.
• Enhancing user interfaces and dynamic behavior with concise arrow functions and template literals.
• Working with modern frameworks like React, Vue, and Angular, which heavily rely on ES6 features.