Dấu ngoặc kép JavaScript trong chuỗi

Bạn phải sử dụng một ký tự thoát. Về cơ bản, điều này có nghĩa là bạn đặt dấu gạch chéo ngược trước ký tự bạn muốn thoát. Theo ví dụ của bạn…

"I love \"Sherlock Holmes\""

cái này cần phải dùng mẹo. Hi vọng điêu nay co ich

Trong JavaScript, dấu ngoặc đơn (‘ ’) và dấu ngoặc kép (“ ”) thường được sử dụng để tạo chuỗi ký tự

Nói chung, không có sự khác biệt giữa việc sử dụng dấu ngoặc kép hoặc dấu ngoặc đơn, vì cuối cùng cả hai đều đại diện cho một chuỗi

Chỉ có một sự khác biệt trong cách sử dụng dấu ngoặc đơn và dấu ngoặc kép, đó là ký tự trích dẫn nào bạn cần thoát bằng cách sử dụng ký tự dấu gạch chéo ngược (\). \' hoặc là \". Mỗi loại trích dẫn nên thoát khỏi loại riêng của nó

Ví dụ

"double quotes ( \" ) should escape a double quote"
'single quotes ( \' ) should escape a single quote'

Nhưng không cần phải thoát ký tự khác bên trong một chuỗi. Do đó, một trích dẫn kép có thể có các trích dẫn đơn mà không thoát khỏi chúng và ngược lại

Một đối số quan trọng cho dấu ngoặc đơn là khi bạn cần viết html bên trong JavaScript

• Khi bạn sử dụng dấu ngoặc đơn, bạn có thể hành động như sau
  
  Dấu nháy đơn Javascript

  hãy để html = '

  ';

• Nhưng nếu bạn sử dụng dấu ngoặc kép, bạn cần thoát mọi " EX
  
  Dấu ngoặc kép Javascript

  hãy để html = "

  "; cảnh báo (html);

  có thể khá khó chịu

• Các trích dẫn đơn trông đẹp hơn khi bạn sử dụng chúng để biểu diễn một chuỗi rỗng '' so với ""

Nhược điểm duy nhất của các trích dẫn đơn mà bạn có thể gặp phải là sao chép và dán giữa các tệp JSON và JavaScript. dấu nháy đơn không được hỗ trợ trong tệp JSON

Ngược lại, JSON chỉ cho phép sử dụng dấu ngoặc kép. Ngoài ra, sử dụng dấu ngoặc kép, bạn sẽ loại bỏ dấu nháy đơn khi viết các chữ cái tiếng Anh

Ngoài ra còn có một giải pháp thay thế và hiệu quả. sử dụng backticks (` `) Sử dụng loại trích dẫn này có nhiều ưu điểm

Trước hết, chúng cho phép tập trung chuỗi đơn giản (“nội suy biến”). Đây là một ví dụ

"string " + variable becomes `string ${variable}`

Thứ hai, không cần thoát (\) dấu ngoặc đơn hoặc dấu ngoặc kép. Hãy xem ví dụ này

"\"Welcome to W3Docs!\""
becomes `"Welcome to W3Docs"`

Thứ ba, chúng cho phép mã nhiều dòng không có ký tự dòng mới (\n)

"Welcome to\nW3Docs!"
becomes 
`Welcome to W3Docs`

Ngoài ra, chúng hoạt động tốt hơn cho HTML;

giá trị const = `

Đang tải

Để tránh phải lựa chọn mỗi khi bạn định viết một chuỗi, chúng tôi khuyên bạn nên chọn một trong các kiểu được mô tả ở trên và gắn bó với nó. Dấu ngoặc đơn là dấu ngoặc đơn phổ biến nhất trong lập trình đương đại. Tuy nhiên, hãy luôn nhớ rằng JSON không hỗ trợ chúng

Các chuỗi trong JavaScript thường được sử dụng để lưu trữ và thao tác văn bản. UTF-16 là định dạng nội bộ liên tục của họ. Các chuỗi có khả năng đại diện cho 0 hoặc nhiều ký tự, được viết bên trong dấu ngoặc kép

Có ba cách để viết chuỗi. bạn có thể viết chúng bên trong dấu ngoặc đơn, dấu ngoặc kép hoặc dấu nháy ngược. Loại báo giá được sử dụng phải phù hợp ở cả hai bên. Dù sao, có thể sử dụng tất cả các trích dẫn trong cùng một tập lệnh. Các chuỗi sử dụng dấu ngoặc đơn và dấu ngoặc kép được coi là giống nhau. Cách cuối cùng và mới nhất để sử dụng các chuỗi được gọi là mẫu chữ. nó sử dụng backticks và hoạt động giống như các chuỗi thông thường

Trong JavaScript, dấu ngoặc đơn (_______6) và dấu ngoặc kép (“”) đượ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 một 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, nhưng 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 sự 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 thức, chạy nó trong bảng điều khiển trình duyệt Chrome và sử dụng

"double quotes ( \" ) should escape a double quote"
'single quotes ( \' ) should escape a single quote'

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

JavaScript có sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép cho chuỗi không?

Làm cách nào để in trích dẫn trong JavaScript?

Làm cách nào để lấy chuỗi giữa các dấu ngoặc kép trong JavaScript?

Tại sao trích dẫn đơn trong JavaScript?