ES6+ Features

ECMAScript 2015 (ES6) and later versions introduced many powerful features that modernize JavaScript, making code cleaner, more readable, and easier to maintain. Below are essential ES6+ features every beginner should know.

1. Variable Declarations: let and const

• let allows block-scoped variables that can be reassigned.
• const creates block-scoped constants which cannot be reassigned.
• Unlike var, these prevent common bugs related to hoisting and scope.

2. Arrow Functions

Concise syntax for writing functions with lexical this binding.

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

3. Template Literals

Multi-line strings and embedded expressions using backticks (`).

const name = 'Alice';
const greeting = `Hello, ${name}! Welcome to ES6+ features.`;
console.log(greeting);

4. Default Parameters

Functions can have default values for parameters, avoiding manual checks for undefined.

5. Destructuring

Extract values from arrays or objects into distinct variables with clear syntax.

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

6. Spread and Rest Operators

... can expand elements in arrays/objects or gather function arguments.

7. Enhanced Object Literals

• Shorthand property names.
• Method definitions without the function keyword.
• Computed property names.

8. Promises

Handle asynchronous operations more cleanly than callbacks, improving readability and error handling.

9. Modules

Use import and export statements to organize code into reusable files.

Summary Table: Common ES6+ Features