Trích dẫn đơn hoặc trích dẫn kép 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.');

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

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

9) để 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.');

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

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

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

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

  9)
• 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.');

  9)

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.');

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

Cả chuỗi dấu ngoặc đơn và dấu ngoặc kép trong JavaScript đều được sử dụng để tạo chuỗi ký tự. Nhưng sự khác biệt cơ bản giữa chúng phát huy tác dụng khi ký tự cần thoát chính nó là một chuỗi trích dẫn đơn hoặc trích dẫn kép

Ví dụ

Javascript

const html = "
";

6

const html = "
";

7

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

0

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

1

_______67____93____94

const html = "
";

7

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

6

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

7

đầu ra.

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

5

Bạn cần thoát khỏi một trích dẫn đơn khi ký tự được đặt trong một mã duy nhất bằng cách sử dụng dấu gạch chéo ngược (\) hoặc cần thoát khỏi dấu ngoặc kép khi ký tự được đặt trong mã kép bằng dấu gạch chéo ngược (\)

Sử dụng chuỗi trích dẫn đơn. Trong khi sử dụng chuỗi trích dẫn đơn để xác định ký tự chuỗi, chúng ta chỉ cần thoát khỏi trích dẫn đơn bên trong chuỗi. Trong khi không cần phải thoát khỏi dấu ngoặc kép và có thể được viết chính xác

Ví dụ

Javascript

const html = "
";

6

const html = "
";

7

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

60____161

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

62

const html = "
";

7

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

64____165

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

62

const html = "
";

7

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

68

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

69

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

40

const html = "
";

7

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

42

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

43

đầu ra. Trong ví dụ này, GeekforGeeks phải được viết trong dấu nháy đơn. Vì, để xác định chuỗi ký tự, chúng ta đang sử dụng chuỗi dấu nháy đơn, đó là lý do tại sao chúng ta cần thoát khỏi dấu nháy đơn (‘ ‘) bằng cách sử dụng dấu gạch chéo ngược (\) trong chuỗi. Kỹ sư được trích dẫn trong một chuỗi trích dẫn kép. Vì để xác định chuỗi ký tự, chúng tôi đang sử dụng chuỗi trích dẫn đơn, do đó, chúng tôi không cần phải thoát khỏi dấu ngoặc kép(” “) trong chuỗi

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

Sử dụng chuỗi trích dẫn kép. Trong khi sử dụng các chuỗi trích dẫn kép để xác định ký tự chuỗi, chúng ta chỉ cần thoát khỏi dấu ngoặc kép bên trong chuỗi. Mặc dù không cần phải thoát khỏi dấu nháy đơn và có thể được viết chính xác.
Ví dụ.

Javascript

const html = "
";

6

_______67____160____247

_______67____164____310

const html = "
";

7

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

12

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

69

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

14

const html = "
";

7

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

42

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

43

đầu ra. Trong ví dụ này, GeekforGeeks phải được viết trong dấu ngoặc kép. Vì, để xác định chuỗi ký tự, chúng ta đang sử dụng chuỗi có dấu ngoặc kép, đó là lý do tại sao chúng ta cần thoát khỏi dấu ngoặc kép (“”) bằng cách sử dụng dấu gạch chéo ngược (\) trong chuỗi. Kỹ sư được trích dẫn trong một chuỗi trích dẫn đơn. Vì để xác định chuỗi ký tự, chúng tôi đang sử dụng chuỗi trích dẫn kép, do đó, chúng tôi không cần phải thoát dấu nháy đơn(”) trong chuỗi

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

6

Cho dù chuỗi được đặt trong một trích dẫn đơn hay trong một trích dẫn kép, chúng sẽ hoạt động theo cách giống hệt nhau ngoại trừ hành vi của các ký tự thoát. Điều đó có nghĩa là một chuỗi được đặt trong dấu ngoặc đơn bằng với cùng một chuỗi được đặt trong dấu ngoặc kép với điều kiện là các ký tự cần thiết được thoát

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

4

 
 

ví dụ 1. Ở đây, chúng tôi đã khai báo hai hằng số cụ thể là a và b. Trong cả hai hằng số, chúng tôi đã lưu trữ cùng một GeekforGeek theo nghĩa đen nhưng cả hai đều được bao bọc khác nhau. hằng số a được đặt trong dấu ngoặc kép trong khi hằng số b được đặt trong dấu ngoặc đơn. Sau đó, chúng tôi đang so sánh các hằng số a và b bằng cách sử dụng một dấu bằng ba lần (===) và sau đó viết đầu ra của nó. Ở đây, a===b sẽ so sánh chuỗi được lưu trữ trong hằng số a và b và sẽ trả về true nếu chúng hoàn toàn bằng nhau và chính xác. Nếu không bằng sẽ trả về false. Ở đây, đầu ra trở thành sự thật có nghĩa là cho dù chuỗi được đặt trong một trích dẫn đơn hay trong một trích dẫn kép, chúng hoàn toàn bằng nhau và chính xác với cùng một giá trị. Điều đó đơn giản có nghĩa là Dấu ngoặc kép hoặc Dấu nháy đơn không ảnh hưởng đến chuỗi kèm theo

Javascript

const html = "
";

6

const html = "
";

7

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

0

We will visit 'GeeksforGeeks' student.
Hello, I am an "Engineer"

1

_______67____93____94

const html = "
";

7

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

66

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

43

đầu ra

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

1

ví dụ 2. Sử dụng dấu ngoặc kép hoặc dấu phụ (`) là cách thay thế cho việc sử dụng dấu nháy đơn hoặc dấu nháy kép. Trong này, bạn không cần phải thoát khỏi bất kỳ trích dẫn đơn hoặc trích dẫn kép nào. Vì vậy, nó là một sự lựa chọn không có lỗi. Một lần nữa, chuỗi được đặt trong back-tic sẽ hoàn toàn bằng và chính xác bằng các chuỗi được đặt trong dấu ngoặc đơn hoặc dấu ngoặc kép

Javascript

const html = "
";

6

const html = "
";

7

const html = '
';

60____91

const html = '
';

62

_______67____464____465

const html = '
';

66

const html = "
";

7

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

12

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

69

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

14

const html = "
";

7

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

42

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

43

đầu ra. Ở đây, như bạn có thể thấy rằng chúng tôi đã không thoát khỏi bất kỳ dấu ngoặc kép hoặc dấu ngoặc đơn nào trong khi chúng tôi đang đặt chuỗi trong back-tic(`) và điều này mang lại cho chúng tôi kết quả tương tự

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

6

Những điểm cần nhớ. Mặc dù back-tic(`) có thể được sử dụng ở mọi nơi và có ít lỗi hơn khi xử lý các tệp JSON từ bên trong JavaScript, nhưng các hàm stringify() và parse() chỉ được đặt trong dấu ngoặc kép vì nó đã biết về dấu ngoặc kép rồi

Trong dấu ngoặc kép và dấu ngoặc đơn, cái nào được ưu tiên. Cả hai dấu ngoặc kép có thể được sử dụng ở bất cứ đâu nhưng sau đó, bạn phải xem xét các ký tự cần thiết để thoát

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

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

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

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