3 Tính năng phải biết của JavaScript ECMAScript 6 (ES6)
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