Sự khác biệt giữa dấu ngoặc đơn và dấu ngoặc kép trong javascript là gì?

Bạn đã thấy cả 'single quotes' và "double quotes" được sử dụng để viết chuỗi trong JavaScript. Bạn đang băn khoăn không biết chúng có gì khác biệt. Có một sở thích hơn khác?

Họ là những điều tương tự

Trong JavaScript, chuỗi là một dãy các ký tự được đặt trong dấu nháy đơn hoặc kép. Việc lựa chọn phong cách trích dẫn là tùy thuộc vào lập trình viên và một trong hai phong cách không có ngữ nghĩa đặc biệt so với phong cách kia. Không có loại cho một ký tự trong JavaScript - mọi thứ luôn là một chuỗi

'abc' === "abc"

Chiến lược lựa chọn ký tự trích dẫn có thể giúp bạn thoát khỏi các ký tự ' hoặc " bên trong chuỗi. Ví dụ: khi lưu trữ một đoạn mã HTML trong một biến, bạn có thể sử dụng " cho các giá trị thuộc tính HTML nếu bạn sử dụng ' để đặt chuỗi JavaScript

const div = '
...
'

Hãy nhớ rằng trong JSON, ký tự trích dẫn duy nhất được phép là dấu ngoặc kép

{
    "in_json": "you_use_only_double_quotes"
}

Dấu nháy đơn phổ biến hơn

Kiểm tra một vài kho lưu trữ nguồn của các dự án JavaScript phổ biến cho thấy rằng dấu nháy đơn được ưa chuộng hơn dấu nháy kép

ProjectDominant quote stylelodash'- 99% trích dẫn phấn'- 100% trích dẫnphản ứng'- 90% trích dẫnyêu cầu'- 97% trích dẫnchỉ huy. js'- 97% trích dẫn khoảnh khắc'- 90% trích dẫn express'- 92% trích dẫnstslib"- 100% trích dẫndebug'- 97% trích dẫnnode-fs-extra'- 98% trích dẫnaxios'- 81% trích dẫnSử dụng ký tự trích dẫn trong các dự án phổ biến

Thực tế là các thư viện giao diện người dùng 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

Nhìn vào một số hướng dẫn về phong cách cho thấy một cách tiếp cận hỗn hợp, 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

• ưu đãi đẹp hơn " dấu ngoặc kép theo mặc định
• gjslint [Google Closure Linter] ủng hộ ' dấu nháy đơn
• tiêu chuẩn [gói NPM], ủng hộ dấu nháy đơn '
• jslint ủng hộ " dấu ngoặc kép theo mặc định
• eslint ủng hộ " dấu ngoặc kép theo mặc định
• Người đóng góp TypeScript Nguyên tắc mã hóa ủng hộ dấu ngoặc kép "

Gắn bó với một và giữ cho nó nhất quán

Để tránh phải lựa chọn mỗi khi sắp viết một chuỗi, bạn nên chọn một phong cách và gắn bó với phong cách đó. Nếu nhóm của bạn vẫn đang quyết định - hãy chọn các trích dẫn đơn, chúng phổ biến hơn. Trong ES6, bạn sẽ có tùy chọn thứ ba để đính kèm các chuỗi - chuỗi

{
    "in_json": "you_use_only_double_quotes"
}

6

Những bài viết liên quan

• Giải thích cẩu biến
• Tôi có nên sử dụng toán tử so sánh đẳng thức === hoặc == trong JavaScript không?
• Hiểu thuộc tính nguyên mẫu trong JavaScript

Nút không đợi cuộc gọi cơ sở dữ liệu của bạn kết thúc?

Tìm hiểu cách cuộc gọi không đồng bộ hoạt động và làm cho ứng dụng của bạn chạy như bạn dự định. Nhận khóa học email ngắn về tính không đồng bộ và hai chương từ Hoàn thiện ứng dụng nút của bạn

Dấu nháy đơn ' và dấu nháy kép " đượ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

  {
      "in_json": "you_use_only_double_quotes"
  }

  0 so với

  {
      "in_json": "you_use_only_double_quotes"
  }

  1
• 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

Có lý? . Nhóm của bạn sẽ ra lệnh cuối cùng. Tự tạo cho mình một ‘tiêu chuẩn hành nghề’ rồi cố gắng bám sát tiêu chuẩn đó nhất có thể

Chúng tôi chỉ chạm vào một khía cạnh của câu hỏi này. Người kia đang sử dụng

{
    "in_json": "you_use_only_double_quotes"
}

2. Điều này được đề cập trong các bài học, vì vậy tôi sẽ không đi sâu vào nó ở đây

Sự khác biệt giữa trích dẫn đơn và trích dẫn kép trong JavaScript là gì?

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

Sự khác biệt giữa dấu ngoặc đơn và dấu ngoặc kép trong mã hóa là gì?

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