Ecma script 6 basic

1.Ecmascript là gì?

Ecmascript là 1 tên gọi khác của Javascript. Ecmascript phiên bản mới nhất là Ecmascript 6 ra đời vào năm 2015

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 lạ và 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.

2. Một số điểm mới trong ecmascript 6

Sau đây mình sẽ trình bày 1 số vấn đề mà mình đã trực tiếp gặp khi tham gia dự án và đã sử dụng ES6 để tối ưu hóa code của mình như thế nào. Lets go !

a) Từ khóa let

Để hiểu hơn về từ khóa này chúng ta cũng xem 2 ví dụ sau đây:

 for (var i = 0; i < 5; i++) {
   setTimeout(function(){
      console.log(i);
   }, 1000);
}
//result
5
5
5
5
5

for (let i = 0; i < 5; i++) {
   setTimeout(function(){
      console.log('Yo! ', i);
   }, 1000);
}
//result
0
1
2
3
4

Lí do tại sao lại như vậy. Đó là vì trong trường hợp thứ nhất mỗi khi loop 1 lần bộ nhớ sẽ khởi tạo i = 0, cứ sau mỗi lần loop biến i lại được khởi tạo lại và + thêm vào giá trị của nó. Sau 1 s delay, kết quả cuối cùng mà nó lưu lại của i là 5. Còn trong trường hợp thứ 2, biến let được khởi tạo mang giá trị toàn cục. Trong vòng lặp của mình nó được khởi tạo lại 1 lần nữa và mang giá trị có ý nghĩa trong function block chứa nó. Nó lưu giá trị và hủy giá trị đi khi hàm chạy xong. Ý nghĩa: đối với hệ thống việc chặt chẽ hủy giá trị sau khi gọi rất hữu ích cho việc tiết kiệm tài nguyên hệ thống. Còn trong công việc hằng ngày, khai báo chặt chẽ cách gọi biến sẽ giúp cho code trở nên trong sáng hơn, tránh được những lỗi naming vớ vẩn không đáng có