3 Tính năng phải biết của JavaScript ECMAScript 6 (ES6)

ES6 đã được phát hành trong năm 2009 nhưng nhiều nhà phát triển không nhận thức được các tính năng hiệu quả của nó! Bởi vì khi JavaScript ECMAScript 6 (ES6) được phát hành, một số trình duyệt không tương thích với nó nên ES6 không thể tiếp cận được đối tượng mong đợi của nó, hầu hết các tính năng hiệu quả của nó vẫn không quen với một số nhà phát triển. Nhưng đó không phải là trường hợp hiện nay, ngày nay hầu hết các trình duyệt web hoàn toàn mở rộng hỗ trợ của nó và rất nhiều tương thích để làm


Về việc đưa ra cái nhìn gần gũi của JavaScript ECMAScript 6 (ES6) và các tính năng của nó. Tôi tin rằng bạn sẽ có những kỹ năng cơ bản và bạn có thể áp dụng chúng vào một dự án thực sự sau khi đọc nó. Mục tiêu của tôi là khuyến khích bạn đào sâu hơn và làm quen với ES6.

1.    Toán tử Spread

Toán tử Spread là sự bổ sung tuyệt vời đầu tiên mà tôi yêu thích, nó được biểu thị bằng ba dấu chấm (…), Nó được sử dụng để truyền các vòng lặp ở những nơi có một hoặc nhiều tham số. Nó có thể được sử dụng trong một loạt các cách thú vị.
Nếu chúng ta sao chép trực tiếp mà không sử dụng sự lây lan thì các mảng sẽ vẫn có tham chiếu, kết quả là cả hai mảng có thành viên mới được thêm vào.
Khi destructuring, mỗi thuộc tính đi vào các biến tương ứng và phần còn lại của đối tượng sẽ đi vào biến nơi toán tử spread được sử dụng.

2.    Tham số mặc định

Chúng ta đều nhớ các thủ thuật đã sử dụng để nhận các tham số mặc định trong javascript. Nó rất tốt khi ai đó gọi chức năng này với một giá trị 0, nó sẽ đánh giá sai và các giá trị mặc định sẽ được thiết lập mà không phải là dự định. ES6 giới thiệu chúng ta với các tham số mặc định có thể được định nghĩa trong chữ ký phương thức.

3.    Văn bản mẫu và chuỗi nhiều dòng

Các văn bản mẫu là nội suy trong đó làm thế nào để xuất các biến trong chuỗi. Trong ES5, chúng tôi đã phải sử dụng phương pháp sau đây:
var firstName = "Bruce";
var lastName = "Wayne";
var string = "I'm the batman,  my real name is" + firstName + " "+ lastName;
May mắn thay trong ES6 mọi thứ trở nên dễ dàng hơn đối với chúng tôi, Bạn có thể viết lại bằng cách sử dụng bên dưới:
const firstName = "Bruce";
const lastName = "Wayne";
const string = `I'm the batman, my real name is ${firstName}  ${lastName}`;
Trong đoạn mã trên, tên $ {variable} là cú pháp cho các mẫu văn bản, chuỗi sẽ phân tích các biến và thêm giá trị vào nó. Nếu bạn kiểm tra chặt chẽ, bạn có thể thấy rằng các dấu ngoặc kép xung quanh chuỗi đã thay đổi thành một cặp backticks (`), đó là cách mới để viết chuỗi trong JavaScript và nó cũng hỗ trợ các chuỗi nhiều dòng. 
BTV.Trần Thị Thu Trang
Phòng Truyền Thông IMIC Technology Việt Nam
Hotline: 0916 878 224
Email: trangttt2@imic.edu.vn
Share:

ĐỐI TÁC LIÊN KẾT TUYỂN DỤNG NHÂN SỰ CỦA IMIC TECHNOLOGY

IMIC Technology

IMIC Technology tự hào là doanh nghiệp đầu tiên tại Việt Nam triển khai các Chương trình Đào tạo chuyên môn dự án cho Học viên ngành CNTT/CNPM. Cũng là một trong những doanh nghiệp đạt được nhiều giải thưởng lớn trong lĩnh vực này. Góp phần phát triển mạnh ngành CNTT/CNPM tại nước ta hiện nay.