Getting Started with Modern JavaScript

Introduction

JavaScript has evolved rapidly over the past decade. In this post, we'll cover some of the most important modern features—like let/const, arrow functions, template literals, and async/await—to help you write cleaner, more expressive code.

1. let and const

let count = 0;
const MAX = 10;

if (true) {
  let count = 5;
  console.log(count);  // → 5
}
console.log(count);    // → 0

2. Arrow Functions

const add = (a, b) => a + b;
[1,2,3].map(n => n * 2);  // → [2,4,6]

3. Async/Await

async function fetchData() {
  try {
    const res = await fetch('/api/data');
    const data = await res.json();
    console.log(data);
  } catch(e) {
    console.error(e);
  }
}
fetchData();

Conclusion

Try refactoring your old code to use these modern JS features!