Bài 01: ECMAScript 2015 - ES6 là gì?

Hôm nay chúng ta bắt đầu tìm hiểu một thứ mới hơn về Javascript vừa được ra mắt vào năm 2015 đó là ECMAScript, đây có thể coi là được một phiên bản nâng cấp mới nhất dành cho Javascript nên phải học nó để khỏi tụt hậu phải không các bạn :)

Trước tiên chúng ta sẽ tìm hiểu định nghĩa của ES6 trước.

1. ECMAScript ES6 là gì? 

ES6 là chữ viết tắt của ECMAScript 6, đây được coi là một tập hợp các kỹ thuật nâng cao của Javascript và là phiên bản mới nhất của chuẩn ECMAScriptECMAScript do hiệp hội các nhà sản xuất máy tính Châu Âu đề xuất làm tiêu chuẩn của ngôn ngữ Javascript. Bạn cứ nghĩ xem hiện nay có khá nhiều trình duyệt Browser ra đời và nếu mỗi Browser lại có cách chạy Javascript khác nhau thì các trang web không thể hoạt động trên tất cả các trình duyệt đó được, vì vậy cần có một chuẩn chung để bắt buộc các browser phải phát triển dựa theo chuẩn đó.

ES6 ra đời vào năm 2015 nên cái tên ES2015 được lấy làm tên chính thức với nhiều tính năng mới học hỏi các ngôn ngữ cấp cao khác, hy vọng dần theo thời gian Javascript trở thành một ngôn ngữ lập trình hướng đối tượng.

Phiên bản sắp ra trong năm 2017 đó là phiên bản ES7 cũng đang được nghiên cứu và phát triển, họ cũng nhắm đến các kiến thức mới lạ như async function, observer, .. Hy vọng sẽ có nhiều biến động mới.

2. Các chức năng mới của ES6

Bài này mình chỉ giới thiệu các chức năng mới mà ES6 đã tích hợp vào Javascript, vì vậy sẽ không có các ví dụ kèm theo mà thay vào đó sẽ được viết ở một bài cụ thể gần nhất.

Sau đây là một số chức năng mới thêm vào trong ES6.

  • Block Scoped: Định nghĩa biến với từ khóa let, cách định nghĩa này thì biến chỉ tồn tại trong phạm vi khối của nó (Block Scope)
  • Destructuring Assignments: Bạn có thể khởi tạo các biến từ một mảng  bằng một dòng code đơn giản.
  • Default Parameters: Bạn có thể gán giá trị mặc định cho các tham số.
  • Arrow function: Bạn có thể tạo hàm bằng cách sử dụng dấu mũi tên =>.
  • Template String: Tạo templaet HTML cực kì đơn giản
  • Weak, Set: các kiểu dữ liệu phức tạp mới

Còn khá nhiều tính năng nhưng mình không liệt kê thêm, bạn có thể theo dõi toàn bộ series này để hiểu rõ hơn. Các tính năng mới của ES6 được đánh giá tương đối khó học, vì vậy nếu bạn không vững các kiến thức Javascript căn bản thì bạn không thể học ES6 được.

Hiện nay các JS Framework như NodeJS, Angular2 đều sử dụng ES6 nên để học được nó thì ban phải thành thạo Javascript nói chung và ES6 nói riêng.

3. Lời kết

Nói về lý thuyết thì dài dòng và khó hiểu nên mình không trình bày nhiều về lý thuyết nữa để tránh sử dụng những từ không đúng, hy vọng qua series này sẽ giúp ích các bạn trong việc nghiên cứu ES6 để làm tiền đề học ES7 sắp ra đời.

Qua bài này hy vọng bạn đã hiểu được khái niệm ES6 là gì, hẹn gặp lại các bạn ở bài tiếp theo.

Hãy để lại link bài viết gốc khi chia sẻ bài viết này, mình sẽ report DMCA với những website lấy nội dung mà không để nguồn hoặc copy bài với số lượng lớn.

Nguồn: freetuts.net

Profile photo of adminTheHalfHeart

TheHalfHeart

Có sở thích viết tuts nên đã từng tham gia viết ở một số diễn đàn, đến năm 2014 mới có điều kiện sáng lập ra freetuts.net. Sinh năm 90 và có 1 vợ 2 con, thích ca hát và lập trình.

ĐĂNG BÌNH LUẬN: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.