Thêm trích dẫn vào chuỗi javascript

JavaScript cho phép bạn xác định chuỗi theo một trong ba cách. dấu nháy kép, dấu nháy đơn và dấu nháy ngược [kể từ ECMAScript 6]. Ví dụ

Mỗi dòng này tạo ra một chuỗi và trong một số trường hợp, có thể được sử dụng thay thế cho nhau. Việc lựa chọn cách xác định các chuỗi trong một cơ sở mã là một kiểu cách bên ngoài các ký tự mẫu [cho phép diễn giải các biểu thức được nhúng]

Nhiều cơ sở mã yêu cầu các chuỗi được xác định theo cách nhất quán

Chi tiết quy tắc

Quy tắc này bắt buộc sử dụng nhất quán dấu nháy ngược, dấu nháy kép hoặc dấu nháy đơn

Tùy chọn

Quy tắc này có hai tùy chọn, tùy chọn chuỗi và tùy chọn đối tượng

tùy chọn chuỗi

• "double" [mặc định] yêu cầu sử dụng dấu ngoặc kép bất cứ khi nào có thể
• "single" yêu cầu sử dụng dấu ngoặc đơn bất cứ khi nào có thể
• "backtick" yêu cầu sử dụng backticks bất cứ khi nào có thể

tùy chọn đối tượng

• "avoidEscape": true cho phép các chuỗi sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép miễn là chuỗi đó chứa một dấu ngoặc kép sẽ phải được thoát ra nếu không
• "allowTemplateLiterals": true cho phép chuỗi sử dụng backticks

không dùng nữa. Thuộc tính đối tượng avoid-escape không được dùng nữa;

gấp đôi

Ví dụ về mã không chính xác cho quy tắc này với tùy chọn "double" mặc định

Ví dụ về mã chính xác cho quy tắc này với tùy chọn "double" mặc định

Độc thân

Ví dụ về mã không chính xác cho quy tắc này với tùy chọn "single"

Ví dụ về mã chính xác cho quy tắc này với tùy chọn "single"

đánh dấu ngược

Ví dụ về mã không chính xác cho quy tắc này với tùy chọn "backtick"

Ví dụ về mã chính xác cho quy tắc này với tùy chọn "backtick"

tránhThoát khỏi

Ví dụ về mã chính xác bổ sung cho quy tắc này với các tùy chọn "single"3

Ví dụ về mã chính xác bổ sung cho quy tắc này với các tùy chọn "single"4

Ví dụ về mã chính xác bổ sung cho quy tắc này với các tùy chọn "single"5

allowTemplateLiterals

Ví dụ về mã chính xác bổ sung cho quy tắc này với các tùy chọn "single"6

Ví dụ về mã chính xác bổ sung cho quy tắc này với các tùy chọn "single"7

"single"8 sẽ không cho phép sử dụng tất cả các chữ mẫu. Nếu bạn muốn cấm bất kỳ trường hợp nào của mẫu chữ, hãy sử dụng cú pháp không hạn chế và nhắm mục tiêu bộ chọn "single"9

Trong JavaScript, dấu nháy đơn [_______ 21 _______] và dấu nháy kép [_______ 22 _______] được sử dụng để tạo chuỗi ký tự. Hầu hết các nhà phát triển sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép tùy ý họ và đôi khi họ để trình định dạng mã của mình quyết định sử dụng cái gì

Vì vậy, tôi muốn tìm ra sự khác biệt thực sự giữa 2 điều này và bài viết này sẽ thảo luận về những điểm tương đồng, khác biệt và các mẹo cần thiết mà bạn nên nhớ khi sử dụng các trích dẫn này

'Dấu ngoặc đơn' so với. "Dấu ngoặc kép"

Như tôi đã đề cập, cả hai thứ này đều được sử dụng để tạo chuỗi ký tự [giá trị] trong JavaScript và chúng hoạt động theo cùng một cách

Sự khác biệt đáng chú ý duy nhất giữa dấu ngoặc đơn và dấu ngoặc kép phát huy tác dụng khi chúng ta phải thoát ký tự

Nếu bạn sử dụng dấu nháy đơn để tạo chuỗi, bạn không thể sử dụng dấu nháy đơn trong chuỗi đó mà không thoát chúng bằng dấu gạch chéo ngược [\]

Lý thuyết tương tự áp dụng cho dấu ngoặc kép và bạn phải sử dụng dấu gạch chéo ngược để thoát khỏi bất kỳ dấu ngoặc kép nào bên trong dấu ngoặc kép

Tuy nhiên, bạn có thể sử dụng dấu ngoặc đơn bên trong dấu ngoặc kép hoặc dấu ngoặc kép bên trong dấu ngoặc đơn mà không thoát

Cá nhân tôi thích sử dụng dấu ngoặc kép để tạo chuỗi trong JavaScript. Nó làm cho các chuỗi dễ đọc hơn vì chúng tôi không sử dụng dấu gạch chéo ngược

Có bất kỳ lựa chọn thay thế?

Mặc dù dấu ngoặc đơn và dấu ngoặc kép là phổ biến nhất, chúng tôi có tùy chọn thứ 3 gọi là Backticks [``]

Backticks là một tính năng ES6 cho phép bạn tạo các chuỗi trong JavaScript

Mặc dù backticks chủ yếu được sử dụng cho mục đích nhúng mã hoặc HTML, nhưng chúng cũng hoạt động tương tự như dấu ngoặc đơn và dấu ngoặc kép. Bên cạnh đó, việc sử dụng backticks giúp thao tác chuỗi dễ dàng hơn

1. Nối chuỗi dễ dàng

2. Bạn không cần phải thoát khỏi dấu ngoặc đơn hoặc dấu ngoặc kép

3. Có thể viết nhiều dòng mà không cần sử dụng ký tự dòng mới

Với tất cả những ưu điểm này, sử dụng backticks dường như là một giải pháp thay thế tốt

Nhưng có bất kỳ sự khác biệt nào về hiệu suất khi chúng tôi sử dụng dấu ngoặc đơn, dấu ngoặc kép hoặc dấu nháy ngược không?

Hiệu suất giữa các loại báo giá khác nhau

Vì không có nhiều khác biệt trong 3 phương thức này nên tôi muốn xem liệu có khoảng cách đáng kể về hiệu suất giữa việc sử dụng dấu ngoặc đơn, dấu ngoặc kép và dấu nháy ngược không

Vì vậy, tôi đã viết một đoạn mã nhỏ để tạo chuỗi bằng cả 3 phương pháp, chạy nó trong bảng điều khiển trình duyệt Chrome và sử dụng console.time để đo hiệu suất

function testingDoubleQuotes[]{
  console.time[‘doublequotes’];
  for [let i = 0; i < 100000; i++] {
   const string1 = “String One”;
  }
  console.timeEnd[‘doublequotes’];
}function testingSingleQuotes[]{
  console.time[‘singlequotes’];
  for [let i = 0; i < 100000; i++] {
   const string2 = 'String Two';
  }
  console.timeEnd[‘singlequotes’];
}function testingbackticks[]{
  console.time[‘backticks’];
  for [let i = 0; i < 100000; i++] {
   const string1 = `String Three`;
  }
  console.timeEnd[‘backticks’];
}testingDoubleQuotes[];
testingSingleQuotes[];
testingbackticks[];

Ban đầu, tôi bắt đầu với các giá trị nhỏ và nó không cho thấy sự khác biệt đáng kể. Sau đó, tôi đã tăng số lần vòng lặp chạy và kết quả sau đây cho thấy khoảng thời gian với 100000 lần lặp

Dựa trên các kết quả trên, backticks là tốt nhất và dấu ngoặc kép là tệ nhất. Tuy nhiên, tôi không tin rằng nó sẽ tác động đáng kể đến các chuỗi nhỏ mà chúng tôi sử dụng trong các dự án của mình

Cuối cùng, tất cả đều phụ thuộc vào sở thích cá nhân

Như bạn có thể đã hiểu bây giờ, không có sự khác biệt thực sự nào giữa việc sử dụng dấu ngoặc đơn, dấu ngoặc kép hoặc dấu nháy ngược. Bạn có thể chọn một hoặc nhiều kiểu tùy theo sở thích của mình. Tuy nhiên, luôn luôn tốt khi tuân theo một định dạng duy nhất trong suốt dự án để giữ cho nó gọn gàng và nhất quán

Ngoài ra, bạn có thể sử dụng trình định dạng mã và hướng dẫn kiểu để chăm sóc kiểu dáng cho bạn. Họ cũng có một loại dấu ngoặc kép ưa thích

• Prettier sử dụng “Dấu ngoặc kép” theo mặc định
• gjslint [Google Closure Linter] ủng hộ “Trích dẫn đơn”
• eslint sử dụng "Dấu ngoặc kép" theo mặc định
• Hướng dẫn phong cách Airbnb thích "Trích dẫn đơn"

Sử dụng một công cụ như vậy là cách được khuyên dùng nhất để giữ cho mã của bạn nhất quán và bạn cũng có thể định cấu hình các công cụ này theo lựa chọn ưa thích của mình

Có những trường hợp bạn buộc phải sử dụng một kiểu trích dẫn. Ví dụ: nếu bạn đang làm việc với JSON, bạn luôn cần sử dụng dấu ngoặc kép

Nhìn chung, tôi thích sử dụng dấu ngoặc kép hơn vì tôi cảm thấy nó giúp tôi dễ đọc hơn. Ngoài ra, tôi sử dụng backticks bất cứ khi nào tôi cần tận dụng các tính năng của nó như phép nội suy và chuỗi nhiều dòng

Những quy ước này có thể khác nhau từ người này sang người khác. Vì vậy, đừng quên chia sẻ ý tưởng của bạn với những người khác trong phần bình luận

Cảm ơn bạn đã đọc

Tham gia Medium với liên kết giới thiệu của tôi - Chameera Dulanga

Là thành viên Phương tiện, một phần phí thành viên của bạn sẽ được chuyển đến các tác giả mà bạn đã đọc và bạn có toàn quyền truy cập vào mọi câu chuyện…

chameeradulanga. trung bình. com

Xây dựng các ứng dụng khác nhau

Các công cụ OSS như Bit cung cấp một mô hình mới để xây dựng các ứng dụng hiện đại

Thay vì phát triển các dự án nguyên khối, trước tiên bạn xây dựng các thành phần độc lập. Sau đó, bạn kết hợp các thành phần của mình lại với nhau để xây dựng bao nhiêu ứng dụng tùy thích. Đây không chỉ là cách xây dựng nhanh hơn mà còn có khả năng mở rộng hơn nhiều và giúp chuẩn hóa quá trình phát triển

Làm cách nào để thêm dấu ngoặc kép vào chuỗi JavaScript?

Làm cách nào để in dấu ngoặc kép trong JavaScript?

Làm cách nào để thêm vào chuỗi JavaScript?

Làm cách nào để thêm các ký tự đặc biệt vào chuỗi JavaScript?