Trích dẫn đơn hay trích dẫn kép tốt hơn trong JavaScript?

JavaScript, cho phép bạn sử dụng dấu ngoặc đơn (

console.log('Single quotes with a double ( " ) quote in the middle.');

1) hoặc dấu ngoặc kép (

console.log('Single quotes with a double ( " ) quote in the middle.');

2) để tạo chuỗi ký tự

Cả hai đều có cùng phẩm chất

Về cơ bản chúng giống nhau

console.log('abc' === "abc"); // true

Một chuỗi được trích dẫn có thể có dấu ngoặc kép bên trong nó mà không cần phải thoát khỏi chúng

console.log('Single quotes with a double ( " ) quote in the middle.');

Một chuỗi 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

console.log("Double quotes with a single ( ' ) quote in the middle.");

Mỗi loại phải thoát khỏi loại riêng của họ

console.log('single quotes ( \' ) must escape a single quote');console.log("double quotes ( \" ) must escape a double quote");

Ưu điểm của việc sử dụng dấu nháy đơn

Một đối số phổ biến cho các trích dẫn đơn là khi bạn phải viết html trong JavaScript

Nếu bạn sử dụng dấu ngoặc đơn, bạn có thể viết như sau

const html = '
';

Nếu bạn sử dụng dấu ngoặc kép, bạn phải thoát từng dấu ngoặc kép lồng nhau

console.log('Single quotes with a double ( " ) quote in the middle.');

0

const html = "
";

điều này có thể gây khó chịu hoặc bạn có thể sử dụng dấu nháy đơn trong chuỗi html

Ưu điểm của việc sử dụng dấu ngoặc kép

Hãy nhớ rằng JSON chỉ cho phép dấu ngoặc kép

{
  "in_json": "You use only double quotes."
}

Trích dẫn đơn phổ biến hơn

Một vài kho lưu trữ các dự án JavaScript phổ biến tiết lộ rằng dấu ngoặc đơn được ưa chuộng hơn dấu ngoặc kép

________số 8

Bạn có thể thấy rằng các thư viện front-end (React, Angular) có nhiều dấu ngoặc kép hơn các thư viện khác có thể liên quan đến sự hiện diện của các đoạn HTML

Hãy xem qua một số hướng dẫn về phong cách mà bạn có thể thấy rằng khoảng một nửa đề xuất dấu nháy đơn và nửa còn lại đề xuất dấu ngoặc kép

• gjslint (Google Closure Linter) ủng hộ dấu nháy đơn (

  console.log('Single quotes with a double ( " ) quote in the middle.');

  1)
• tiêu chuẩn (gói NPM) ủng hộ các trích dẫn đơn (_______11)
• jslint ủng hộ dấu ngoặc kép (

  console.log('Single quotes with a double ( " ) quote in the middle.');

  2)
• eslint ủng hộ dấu ngoặc kép (

  console.log('Single quotes with a double ( " ) quote in the middle.');

  2)
• TypeScript Contributor Nguyên tắc mã hóa ủng hộ dấu ngoặc kép (

  console.log('Single quotes with a double ( " ) quote in the middle.');

  2)

Tóm lược

Bạn nên xác định một phong cách tiêu chuẩn và gắn bó với nó. Tôi khuyên dùng dấu ngoặc đơn (

console.log('Single quotes with a double ( " ) quote in the middle.');

1) như một tiêu chuẩn vững chắc và phổ biến hơn

Dấu nháy đơn

console.log('Single quotes with a double ( " ) quote in the middle.');

9 và dấu nháy kép

console.log("Double quotes with a single ( ' ) quote in the middle.");

0 được sử dụng để ngắt chuỗi. Không có sự khác biệt thực sự giữa chúng ngoại trừ việc JSON không chấp nhận một trích dẫn

Ngoài ra, đây là danh sách các ưu điểm và nhược điểm

• Trích dẫn đơn dễ đọc hơn và trông đẹp hơn khi biểu thị một chuỗi trống. Xem

  console.log('Single quotes with a double ( " ) quote in the middle.');

  1 so với

  console.log('Single quotes with a double ( " ) quote in the middle.');

  2
• Trong hầu hết các bàn phím, bạn có thể cần nhấn phím phụ (Shift) để nhận ký tự dấu ngoặc kép
• Chúng tôi không phải thoát nếu bạn viết HTML trong một chuỗi

const div = '
Hello
';

• Dấu ngoặc kép thường được sử dụng trong các ngôn ngữ lập trình khác. Nên mọi người sẽ dễ dàng làm quen khi chuyển sang JavaScript

thực hành tốt

Chọn và gắn với một trong các dấu nháy đơn hoặc kép. Sử dụng cùng một quy ước viết mã là rất quan trọng, đặc biệt khi bạn đang làm việc trong một nhóm

Dưới đây là danh sách các tùy chọn của các nhóm khác nhau. Họ củng cố nhóm bằng cách sử dụng cùng một quy ước bằng cách sử dụng các quy tắc của ESLint

Trong JavaScript, dấu nháy đơn (

console.log("Double quotes with a single ( ' ) quote in the middle.");

3) và dấu nháy kép (

console.log("Double quotes with a single ( ' ) quote in the middle.");

4) đượ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 (

console.log("Double quotes with a single ( ' ) quote in the middle.");

5)

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 (

console.log("Double quotes with a single ( ' ) quote in the middle.");

6)

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 thức, chạy nó trong bảng điều khiển trình duyệt Chrome và sử dụng

console.log("Double quotes with a single ( ' ) quote in the middle.");

7 để đo hiệu suất

console.log('Single quotes with a double ( " ) quote in the middle.');

0

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

Tôi nên sử dụng dấu ngoặc đơn hay dấu ngoặc kép trong JavaScript?

Cái nào là tốt nhất để sử dụng một trích dẫn đơn hoặc một trích dẫn kép?

Bạn có thể sử dụng dấu ngoặc đơn trong JavaScript không?

Bạn có thể sử dụng dấu ngoặc kép trong JavaScript không?