Chúc Mừng Năm Mới!

Chúc cho mọi người một năm mới an khang, thịnh vượng và hạnh phúc. Mong rằng mọi điều tốt lành sẽ đến với bạn và gia đình. Chúc cho các dự định và ước mơ của bạn được thực hiện, và mọi nỗ lực của bạn đều được đền đáp. Hãy tận hưởng những niềm vui trong năm mới này nhé!

Giới Thiệu Về ECMAScript

ES, viết tắt của ECMAScript, là một tiêu chuẩn quan trọng trong ngôn ngữ lập trình JavaScript. Với sự phát triển của công nghệ, ES6, hay ECMAScript 2015, ra đời vào năm 2015 đã mang đến nhiều cải tiến mạnh mẽ và tính năng mới cho các nhà phát triển. Trong bài viết này, chúng ta sẽ điểm qua những thay đổi nổi bật nhất của ES6.

Các Tính Năng Nổi Bật Của ES6

1. Arrow Function

Arrow function cung cấp cú pháp ngắn gọn hơn cho việc định nghĩa hàm, giúp mã nguồn trở nên sáng sủa và dễ đọc hơn.

Ví dụ:

// Hàm nhân
const add = (a, b) => a + b;

2. Class

ES6 cho phép bạn định nghĩa lớp (class) dễ dàng hơn với từ khóa class.

Ví dụ:

class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} phát ra tiếng kêu.`);
  }
}
class Dog extends Animal {
  speak() {
    console.log(`${this.name} sủa.`);
  }
}

3. Enhanced Object Literals

Giúp làm cho việc khai báo đối tượng (object) trở nên ngắn gọn và gọn gàng hơn.

Ví dụ:

let name = 'John';
let age = 18;
let student = {
    name,
    age,
    getName: () => name,
};

4. Template Literals

Cho phép nối chuỗi dễ dàng hơn thông qua cú pháp ``.

Ví dụ:

let name = 'Than';
let fullName = `Nguyen Le ${name}`; // Kết quả: Nguyen Le Than

5. Destructuring

Cho phép tách các giá trị của mảng hoặc thuộc tính của object thành các biến riêng biệt.

Ví dụ:

let array = ['John', 'Smith'];
let [firstName, surname] = array;

6. let và const

Từ khóa let và const dành riêng cho việc khai báo biến, thay thế cho var trước đây.

Ví dụ:

let x = 10;
const PI = 3.14;

7. Rest Parameters và Spread Operator

Rest parameters cho phép thu thập một danh sách tham số không xác định, trong khi Spread Operator cho phép mở rộng các phần tử của mảng hoặc đối tượng.

Ví dụ với Rest Parameters:

const sum = (...numbers) => numbers.reduce((acc, num) => acc + num, 0);

Ví dụ với Spread Operator:

const arr = [1, 2, 3];
const newArr = [...arr, 4, 5]; // Kết quả: [1, 2, 3, 4, 5]

8. Default Parameters

Cho phép bạn cung cấp giá trị mặc định cho các tham số của hàm.

Ví dụ:

function calculateRectangleArea(width = 5, height = 10) {
  return width * height;
}

9. Promises

Promises cung cấp một cách mới để xử lý các tác vụ bất đồng bộ trong JavaScript.

Ví dụ:

const fetchData = () => {
  return new Promise((resolve, reject) => {
    if (success) {
      resolve(data);
    } else {
      reject(error);
    }
  });
};

Kết Luận

Trong bài viết này, mình đã giới thiệu một số tính năng nổi bật nhất của ES6, giúp bạn có cái nhìn tổng quát về những thay đổi quan trọng trong JavaScript. Hãy theo dõi để cập nhật thêm nhiều kiến thức mới trong các phiên bản tiếp theo của ECMAScript!
source: viblo