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ấtVề 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.'];
0const 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épHã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ơnMộ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ố 8Bạ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]
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
Thí dụ
Javascript
const html = "";
6const html = "";
7We 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 = "";
7We 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.'];
5Bạ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
Thí dụ
Javascript
const html = "";
6const html = "";
7console.log['Single quotes with a double [ " ] quote in the middle.'];
60____161console.log['Single quotes with a double [ " ] quote in the middle.'];
62const html = "";
7console.log['Single quotes with a double [ " ] quote in the middle.'];
64____165console.log['Single quotes with a double [ " ] quote in the middle.'];
62const html = "";
7console.log['Single quotes with a double [ " ] quote in the middle.'];
68console.log['Single quotes with a double [ " ] quote in the middle.'];
69console.log["Double quotes with a single [ ' ] quote in the middle."];
40const html = "";
7console.log["Double quotes with a single [ ' ] quote in the middle."];
42console.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 dấu nháy đơ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 = "";
7console.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.'];
69console.log['single quotes [ \' ] must escape a single quote'];console.log["double quotes [ \" ] must escape a double quote"];14
const html = "";
7console.log["Double quotes with a single [ ' ] quote in the middle."];
42console.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.'];
6Cho 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 = "";
6const html = "";
7We 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 = "";
7console.log['Single quotes with a double [ " ] quote in the middle.'];
66console.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 = "";
6const html = "";
7____460____91 const html = '';
62_______67____464____465
const html = '';
66const html = "";
7console.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.'];
69console.log['single quotes [ \' ] must escape a single quote'];console.log["double quotes [ \" ] must escape a double quote"];14
const html = "";
7console.log["Double quotes with a single [ ' ] quote in the middle."];
42console.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.'];
6Nhữ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