Modern JavaScript Features: ES6+ và Beyond

JavaScript đã phát triển rất nhiều kể từ khi ES6 ra đời. Trong bài viết này, chúng ta sẽ khám phá các tính năng hiện đại giúp code JavaScript của bạn sạch đẹp và hiệu quả hơn.

Arrow Functions

Arrow functions mang đến cú pháp ngắn gọn hơn cho function expressions:

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

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

Destructuring

Destructuring cho phép bạn trích xuất dữ liệu từ arrays hoặc objects một cách dễ dàng:

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

// Array destructuring
const [first, second] = array;

Template Literals

Template literals cung cấp cách tạo strings nhiều dòng và interpolation:

const message = `Hello ${name},
Welcome to our website!`;

Async/Await

Async/await giúp xử lý asynchronous code một cách dễ đọc:

async function fetchData() {
  try {
    const response = await fetch('/api/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error:', error);
  }
}

Kết luận

Các tính năng ES6+ này đã trở thành tiêu chuẩn trong phát triển JavaScript hiện đại. Việc nắm vững chúng sẽ giúp bạn viết code hiệu quả và dễ bảo trì hơn.

Bài viết này là phần đầu tiên trong series về JavaScript hiện đại. Trong các bài tiếp theo, chúng ta sẽ explore advanced patterns và best practices.