Giới thiệu về Template Literals

Giới thiệu về Template Literals, tại sao nên sử dụng?

Trong bài viết này, mình sẽ trình bày giới thiệu về Template Literals và tại sao nên sử dụng Template Literals nhé!

Giới thiệu về Template Literals

  • Trong JavaScript, Template Literals sử dụng backticks để xác định string thay vì các dấu ngoặc kép (“”) và đơn (‘’).
  • Template Literals là một tính năng của ES6 được giới thiệu vào năm 2015.
Gioi thieu ve Template Literals 1

Lợi ích

  • Quotes được cho phép

Khi sử dụng Template Literals, bạn có thể sử dụng cả quotes đơn và đôi bên trong string.

Gioi thieu ve Template Literals1

Như bạn có thể thấy, quá phức tạp để thoát khỏi các dấu ngoặc kép được gán cho một biến x. Và quá đơn giản để sử dụng dấu ngoặc kép bên trong string với template literals .

  • Multi-line strings

Thông thường, bạn không thể viết một chuỗi nhiều dòng với dấu ngoặc kép và dấu nháy đơn trong JavaScript. Thay vào đó, bạn phải sử dụng \n để ngắt dòng.

Gioi thieu ve Template Literals2
Gioi thieu ve Template Literals3

Bạn có thể viết nhiều dòng một cách hoàn hảo với Template Literals mà không có bất kỳ giới hạn nào.

Gioi thieu ve Template Literals4
  • Các biến bên trong string

Thông thường, tất cả chúng ta đều sử dụng dấu cộng (+) để nối một chuỗi với một biến hoặc một biểu thức.

Gioi thieu ve Template Literals5

Với Template Literals, nhiệm vụ của chúng ta trở nên đơn giản hơn rất nhiều.

Gioi thieu ve Template Literals 6

Khi chuyển các biến trong Template Literals, một biến phải được bao bởi dấu ngoặc nhọn và đặt trước ký hiệu ($).

  • Biểu thức trong string

Với Template Literals, người ta có thể chuyển các biểu thức trong string giống như các biến.

Gioi thieu ve Template Literals7

Chúng ta có nên sử dụng Template Literals?

Có. Nhìn thấy nhiều lợi ích này 🤩 đã khiến tôi sử dụng Template Literals. Hãy cho tôi biết suy nghĩ của bạn về việc sử dụng nó trong phần bình luận bên dưới, tôi sẽ rất vui khi đọc ý kiến ​​của bạn.

Cảm ơn bạn đã theo dõi bài viết!

Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU

KHOÁ HỌC BOOTCAMP JAVA/PHP/.NET TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

Leave a Reply

Your email address will not be published.