console.log("double"); đấu với console.log('single');

Tôi thấy ngày càng có nhiều thư viện JavaScript sử dụng dấu ngoặc đơn khi xử lý chuỗi. Các lý do để sử dụng cái này hơn cái kia là gì? Tôi nghĩ rằng họ có thể hoán đổi cho nhau.

Lý do có khả năng nhất để sử dụng đơn so với gấp đôi trong các thư viện khác nhau là tùy chọn lập trình viên và / hoặc tính nhất quán API. Khác với sự nhất quán, sử dụng bất kỳ phù hợp nhất với chuỗi.

Sử dụng các loại trích dẫn khác như một nghĩa đen:

alert('Say "Hello"');
alert("Say 'Hello'");

Điều này có thể trở nên phức tạp:

alert("It's \"game\" time.");
alert('It\'s "game" time.');

Một tùy chọn khác, mới trong ES6, là các mẫu chữ sử dụng back-tickký tự:

alert(`Use "double" and 'single' quotes in the same string`);
alert(`Escape the \` back-tick character and the \${ dollar-brace sequence in a string`);

Mẫu chữ cung cấp một cú pháp rõ ràng cho: nội suy biến, chuỗi nhiều dòng và hơn thế nữa.

Lưu ý rằng JSON được chính thức chỉ định để sử dụng dấu ngoặc kép, có thể đáng xem xét tùy thuộc vào yêu cầu hệ thống.

Nếu bạn đang làm việc với JSON, cần lưu ý rằng nói đúng, các chuỗi JSON phải được trích dẫn gấp đôi. Chắc chắn, nhiều thư viện cũng hỗ trợ các trích dẫn đơn, nhưng tôi đã gặp vấn đề lớn trong một trong các dự án của mình trước khi nhận ra rằng trích dẫn một chuỗi trên thực tế không theo tiêu chuẩn JSON.

Không có giải pháp nào tốt hơn ; tuy nhiên, tôi muốn lập luận rằng đôi khi trích dẫn có thể được mong muốn hơn:

• Những người mới đến sẽ quen thuộc với các trích dẫn kép từ ngôn ngữ của họ . Trong tiếng Anh, chúng ta phải sử dụng dấu ngoặc kép "để xác định một đoạn văn bản được trích dẫn. Nếu chúng ta sử dụng một trích dẫn duy nhất ', người đọc có thể hiểu sai nó là một sự co lại. Ý nghĩa khác của một đoạn văn bản được bao quanh bởi 'biểu thị ý nghĩa 'thông tục'. Thật hợp lý khi duy trì sự phù hợp với các ngôn ngữ đã có từ trước và điều này có thể giúp giảm bớt việc học và giải thích mã.
• Dấu ngoặc kép loại bỏ sự cần thiết phải thoát khỏi dấu nháy đơn (như trong các cơn co thắt). Xem xét chuỗi : "I'm going to the mall", so với phiên bản thoát khác : 'I\'m going to the mall'.

• Dấu ngoặc kép có nghĩa là một chuỗi trong nhiều ngôn ngữ khác . Khi bạn học một ngôn ngữ mới như Java hoặc C, dấu ngoặc kép luôn được sử dụng. Trong Ruby, PHP và Perl, các chuỗi trích dẫn đơn ngụ ý không có dấu gạch chéo ngược thoát trong khi dấu ngoặc kép hỗ trợ chúng.

• Ký hiệu JSON được viết với dấu ngoặc kép.

Tuy nhiên, như những người khác đã tuyên bố, điều quan trọng nhất là duy trì sự nhất quán.

Mục 7.8.4 của đặc tả mô tả ký hiệu chuỗi ký tự. Sự khác biệt duy nhất là DoubleStringCharacter là "SourceCharacter nhưng không trích dẫn kép" và SingleStringCharacter là "SourceCharacter nhưng không trích dẫn đơn". Vì vậy, sự khác biệt duy nhất có thể được chứng minh như vậy:

'A string that\'s single quoted'

"A string that's double quoted"

Vì vậy, nó phụ thuộc vào bao nhiêu trích dẫn bạn muốn làm. Rõ ràng điều tương tự áp dụng cho dấu ngoặc kép trong chuỗi trích dẫn kép.

Dấu nháy đơn

Tôi muốn trích dẫn đôi là tiêu chuẩn, bởi vì chúng có ý nghĩa hơn một chút , nhưng tôi tiếp tục sử dụng dấu ngoặc đơn vì chúng thống trị cảnh.

Dấu nháy đơn:

• airbnb
• Facebook
• Google
• tiếng càu nhàu
• nuốt chửng
• nút
• npm (mặc dù không được xác định trong hướng dẫn của tác giả )
• wikidia
• wordpress
• vải thun

Không ưu tiên:

• ba.js

Dấu ngoặc kép:

• bản thảo
• crockford
• d3 (mặc dù không được xác định trong .eslintrc)
• jquery

Tôi muốn nói rằng sự khác biệt hoàn toàn là phong cách, nhưng tôi thực sự có nghi ngờ của mình. Hãy xem xét ví dụ sau:

/*
   Add trim() functionality to JavaScript...
    1. By extending the String prototype
    2. By creating a 'stand-alone' function
   This is just to demonstrate results are the same in both cases.
*/

// Extend the String prototype with a trim() method
String.prototype.trim = function() {
 return this.replace(/^\s+|\s+$/g, '');
};

// 'Stand-alone' trim() function
function trim(str) {
 return str.replace(/^\s+|\s+$/g, '');
};

document.writeln(String.prototype.trim);
document.writeln(trim);

Trong Safari, Chrome, Opera và Internet Explorer (đã được thử nghiệm trong IE7 và IE8), điều này sẽ trả về như sau:

function () {
 return this.replace(/^\s+|\s+$/g, '');
}
function trim(str) {
 return str.replace(/^\s+|\s+$/g, '');
}

Tuy nhiên, Firefox sẽ mang lại một kết quả hơi khác:

function () {
    return this.replace(/^\s+|\s+$/g, "");
}
function trim(str) {
    return str.replace(/^\s+|\s+$/g, "");
}

Các trích dẫn đơn đã được thay thế bằng dấu ngoặc kép. (Cũng lưu ý cách không gian thụt lề được thay thế bằng bốn khoảng trắng.) Điều này tạo ấn tượng rằng ít nhất một trình duyệt phân tích JavaScript bên trong như thể mọi thứ được viết bằng dấu ngoặc kép. Mọi người có thể nghĩ, Firefox sẽ mất ít thời gian hơn để phân tích JavaScript nếu mọi thứ đã được viết theo 'tiêu chuẩn' này.

Nhân tiện, điều đó làm cho tôi trở thành một con gấu trúc rất buồn, vì tôi nghĩ rằng các trích dẫn đơn lẻ trông đẹp hơn trong mã. Ngoài ra, trong các ngôn ngữ lập trình khác, chúng thường được sử dụng nhanh hơn so với dấu ngoặc kép, do đó, sẽ chỉ có ý nghĩa nếu áp dụng tương tự cho JavaScript.

Kết luận: Tôi nghĩ rằng chúng ta cần nghiên cứu thêm về điều này.

Chỉnh sửa: Điều này có thể giải thích kết quả kiểm tra của Peter-Paul Koch từ hồi năm 2003.

Có vẻ như các trích dẫn đơn đôi khi nhanh hơn trong Explorer Windows (khoảng 1/3 các thử nghiệm của tôi đã cho thấy thời gian phản hồi nhanh hơn), nhưng nếu Mozilla cho thấy sự khác biệt hoàn toàn, thì nó xử lý các trích dẫn nhanh hơn một chút. Tôi không tìm thấy sự khác biệt nào trong Opera.

Chỉnh sửa 2014: Các phiên bản hiện đại của Firefox / Spidermonkey không làm điều này nữa.

Nếu bạn đang thực hiện JavaScript nội tuyến (có thể là một điều "xấu", nhưng tránh thảo luận đó) thì các trích dẫn đơn là lựa chọn duy nhất của bạn cho chuỗi ký tự, tôi tin.

ví dụ, điều này hoạt động tốt:

<a onclick="alert('hi');">hi</a>

Nhưng bạn không thể gói "hi" trong dấu ngoặc kép, thông qua bất kỳ phương thức thoát nào tôi biết. Ngay cả "đó sẽ là phỏng đoán tốt nhất của tôi (vì bạn đang thoát các trích dẫn trong giá trị thuộc tính của HTML) không hoạt động với tôi trong Firefox. \"Sẽ không hoạt động vì tại thời điểm này, bạn đang thoát khỏi HTML, không phải JavaScript.

Vì vậy, nếu tên của trò chơi là nhất quán và bạn sẽ thực hiện một số JavaScript nội tuyến trong các phần của ứng dụng của mình, tôi nghĩ rằng các trích dẫn đơn là người chiến thắng. Ai đó làm ơn sửa tôi nếu tôi sai.

Về mặt kỹ thuật không có sự khác biệt, đó chỉ là vấn đề về phong cách và quy ước.

Douglas Crockford khuyên bạn nên sử dụng dấu ngoặc đơn cho chuỗi bên trong và dấu ngoặc kép cho bên ngoài (theo bên ngoài, chúng tôi có nghĩa là những dấu ngoặc kép sẽ được hiển thị cho người dùng ứng dụng, như tin nhắn hoặc cảnh báo).

Cá nhân tôi làm theo điều đó.

CẬP NHẬT: Có vẻ như ông Crockford đã thay đổi quyết định và hiện khuyên bạn nên sử dụng dấu ngoặc kép trong suốt :)

Nói đúng ra, không có sự khác biệt về ý nghĩa; vì vậy sự lựa chọn đi xuống để thuận tiện.

Dưới đây là một số yếu tố có thể ảnh hưởng đến lựa chọn của bạn:

• Kiểu nhà: Một số nhóm nhà phát triển đã sử dụng quy ước này hoặc quy ước khác.
• Yêu cầu phía khách hàng: Bạn sẽ sử dụng dấu ngoặc kép trong chuỗi chứ? (Xem câu trả lời của Ady).
• Ngôn ngữ phía máy chủ: Người dùng VB.Net có thể chọn sử dụng dấu ngoặc đơn cho tập lệnh java để tập lệnh có thể được xây dựng phía máy chủ (VB.Net sử dụng dấu ngoặc kép cho chuỗi, vì vậy chuỗi java-script dễ phân biệt nếu họ sử dụng dấu ngoặc đơn).
• Mã thư viện: Nếu bạn đang sử dụng thư viện sử dụng một kiểu cụ thể, bạn có thể tự cân nhắc sử dụng cùng một kiểu.
• Sở thích cá nhân: Bạn có thể nghĩ rằng một hoặc phong cách khác trông tốt hơn.

Hãy xem những gì một tài liệu tham khảo làm.

Bên trong jquery.js, mọi chuỗi đều được trích dẫn kép.

Vì vậy, bắt đầu từ bây giờ, tôi sẽ sử dụng các chuỗi trích dẫn kép. (Tôi đã sử dụng đơn!)

Chỉ cần giữ sự nhất quán trong những gì bạn sử dụng. Nhưng đừng để mức độ thoải mái của bạn xuống.

"This is my string."; // :-|
"I'm invincible."; // comfortable :)
'You can\'t beat me.'; // uncomfortable :(
'Oh! Yes. I can "beat" you.'; // comfortable :)
"Do you really think, you can \"beat\" me?"; // uncomfortable :(
"You're my guest. I can \"beat\" you."; // sometimes, you've to :P
'You\'re my guest too. I can "beat" you too.'; // sometimes, you've to :P

Cập nhật ES6

Sử dụng cú pháp mẫu bằng chữ .

`Be "my" guest. You're in complete freedom.`; // most comfort :D

Đó chủ yếu là vấn đề về phong cách và sở thích. Có một số khám phá kỹ thuật khá thú vị và hữu ích trong các câu trả lời khác, vì vậy có lẽ điều duy nhất tôi có thể thêm vào là đưa ra một lời khuyên nhỏ trên thế giới.

• Nếu bạn đang viết mã trong một công ty hoặc nhóm, thì có lẽ nên theo "kiểu nhà".

• Nếu bạn đang một mình hack một vài dự án phụ, thì hãy nhìn vào một vài nhà lãnh đạo nổi bật trong cộng đồng. Ví dụ: giả sử bạn vào Node.js. Hãy xem các mô-đun cốt lõi, ví dụ underscore.js hoặc express và xem họ sử dụng quy ước nào và xem xét theo đó.

• Nếu cả hai quy ước đều được sử dụng như nhau, thì hãy trì hoãn
  sở thích cá nhân của bạn .

• Nếu bạn không có sở thích cá nhân, sau đó lật một đồng xu.

• Nếu bạn không có tiền, thì bia là của tôi;)

Tôi hy vọng tôi không thêm một cái gì đó rõ ràng, nhưng tôi đã vật lộn với Django và Ajax và JSON về điều này.

Giả sử rằng trong mã HTML của bạn, bạn sử dụng dấu ngoặc kép, như thường lệ, tôi khuyên bạn nên sử dụng dấu ngoặc đơn cho phần còn lại trong JavaScript.

Vì vậy, tôi đồng ý với @ady nhưng với một số chăm sóc.

Điểm mấu chốt của tôi là: Trong JavaScript có lẽ nó không thành vấn đề, nhưng ngay khi bạn nhúng nó vào HTML hoặc giống như bạn bắt đầu gặp rắc rối. Bạn nên biết những gì thực sự thoát, đọc, truyền chuỗi của bạn.

Trường hợp đơn giản của tôi là:

tbox.innerHTML = tbox.innerHTML + '<div class="thisbox_des" style="width:210px;" onmouseout="clear()"><a href="https://stackoverflow.com/this/thislist/'
                   + myThis[i].pk +'"><img src="/site_media/'
                   + myThis[i].fields.thumbnail +'" height="80" width="80" style="float:left;" onmouseover="showThis('
                   + myThis[i].fields.left +','
                   + myThis[i].fields.right +',\''
                   + myThis[i].fields.title +'\')"></a><p style="float:left;width:130px;height:80px;"><b>'
                   + myThis[i].fields.title +'</b> '
                   + myThis[i].fields.description +'</p></div>'

Bạn có thể phát hiện \ 'trong trường thứ ba của chương trình này.

Báo giá kép không hoạt động!

Rõ ràng là tại sao, nhưng cũng rõ ràng lý do tại sao chúng ta nên bám vào các trích dẫn duy nhất ... .. tôi đoán ..

Trường hợp này là một nhúng HTML rất đơn giản, lỗi được tạo ra bởi một bản sao / dán đơn giản từ mã JavaScript được trích dẫn hai lần.

Vì vậy, để trả lời câu hỏi:

Cố gắng sử dụng dấu ngoặc đơn trong khi trong HTML. Nó có thể lưu một vài vấn đề gỡ lỗi ...

Không chắc điều này có liên quan trong thế giới ngày nay hay không, nhưng dấu ngoặc kép được sử dụng cho nội dung cần xử lý các ký tự điều khiển và dấu ngoặc đơn cho các chuỗi không.

Trình biên dịch sẽ chạy thao tác chuỗi trên một chuỗi trích dẫn kép trong khi để lại một chuỗi trích dẫn duy nhất theo nghĩa đen. Điều này được sử dụng để dẫn đến các nhà phát triển 'tốt' chọn sử dụng các trích dẫn đơn cho các chuỗi không chứa các ký tự điều khiển như \nhoặc \0(không được xử lý trong các dấu ngoặc đơn) và dấu ngoặc kép khi họ cần phân tích cú pháp (với chi phí nhỏ trong chu kỳ cpu cho xử lý chuỗi).

Nếu bạn đang sử dụng jshint , nó sẽ phát sinh lỗi nếu bạn sử dụng chuỗi trích dẫn kép.

Tôi đã sử dụng nó thông qua việc dàn dựng Yeoman của AngularJS nhưng có lẽ có một cách nào đó để cấu hình nó.

Nhân tiện, khi bạn xử lý HTML thành JavaScript, việc sử dụng một trích dẫn sẽ dễ dàng hơn:

var foo = '<div class="cool-stuff">Cool content</div>';

Và ít nhất JSON đang sử dụng dấu ngoặc kép cho các chuỗi lặp lại.

Không có cách nào để trả lời câu hỏi của bạn

Nói về hiệu suất, báo giá sẽ không bao giờ là nút cổ chai của bạn, tuy nhiên, hiệu suất là như nhau trong cả hai trường hợp.

Nói về tốc độ mã hóa, nếu bạn sử dụng 'để phân định một chuỗi, bạn sẽ cần phải thoát "dấu ngoặc kép. Bạn có nhiều khả năng cần sử dụng "bên trong chuỗi, ví dụ:

//JSON Objects:
var jsonObject = '{"foo":"bar"}';
//HTML attributes:
document.getElementById("foobar").innerHTML = '<input type="text">';

Sau đó, tôi thích sử dụng 'để phân định chuỗi, vì vậy tôi phải thoát ít ký tự hơn.

Một lý do (ngớ ngẩn) để sử dụng các trích dẫn đơn là họ không yêu cầu bạn nhấn phím shift để nhập chúng, trong khi trích dẫn kép thì có. (Tôi giả sử rằng chuỗi trung bình không yêu cầu thoát, đó là một giả định hợp lý.) Bây giờ, giả sử mỗi ngày tôi mã hóa 200 dòng mã. Có lẽ trong 200 dòng đó tôi có 30 trích dẫn. Có thể gõ một trích dẫn kép mất nhiều thời gian hơn 0,1 giây so với gõ một trích dẫn (vì tôi phải nhấn phím shift). Sau đó vào bất kỳ ngày nào, tôi lãng phí 3 giây. Nếu tôi viết mã theo cách này trong 200 ngày một năm trong 40 năm, thì tôi đã lãng phí 6,7 giờ trong cuộc đời mình. Thức ăn cho suy nghĩ.

Kiểm tra ưu và nhược điểm

Có lợi cho dấu ngoặc đơn

• Ít lộn xộn thị giác.
• Tạo HTML: Các thuộc tính HTML thường được phân cách bằng dấu ngoặc kép.

elem.innerHTML = '<a href="' + url + '">Hello</a>';

elem.innerHTML = "<a href='" + url + "'>Hello</a>";

Hơn nữa, HTML nội tuyến thường là một mô hình chống. Thích mẫu.

• Tạo JSON: Chỉ cho phép trích dẫn kép trong JSON.

myJson = '{ "hello world": true }';

Một lần nữa, bạn không cần phải xây dựng JSON theo cách này. JSON.opesify () thường là đủ. Nếu không, sử dụng các mẫu.

Có lợi cho dấu ngoặc kép

• Nhân đôi sẽ dễ dàng nhận ra hơn nếu bạn không có mã màu. Giống như trong nhật ký giao diện điều khiển hoặc một số loại thiết lập nguồn xem.
• Tương tự với các ngôn ngữ khác: Trong lập trình shell (Bash, v.v.), các chuỗi ký tự trích dẫn đơn tồn tại, nhưng các lối thoát không được diễn giải bên trong chúng. C và Java sử dụng dấu ngoặc kép cho chuỗi và dấu ngoặc đơn cho ký tự.
• Nếu bạn muốn mã là JSON hợp lệ, bạn cần sử dụng dấu ngoặc kép.

Có lợi cho cả hai

Không có sự khác biệt giữa hai trong JavaScript. Do đó, bạn có thể sử dụng bất cứ điều gì thuận tiện vào lúc này. Ví dụ: tất cả các chuỗi ký tự sau đây đều tạo ra cùng một chuỗi:

    "He said: \"Let's go!\""
    'He said: "Let\'s go!"'
    "He said: \"Let\'s go!\""
    'He said: \"Let\'s go!\"'

Dấu ngoặc đơn cho chuỗi bên trong và gấp đôi cho bên ngoài. Điều đó cho phép bạn phân biệt các hằng số nội bộ với các chuỗi sẽ được hiển thị cho người dùng (hoặc được ghi vào đĩa, v.v.). Rõ ràng, bạn nên tránh đặt mã sau vào mã của mình, nhưng điều đó không thể luôn luôn được thực hiện.

Một điều nữa mà bạn có thể muốn xem là một lý do cho việc chuyển từ dấu ngoặc kép sang dấu ngoặc đơn là sự gia tăng mức độ phổ biến của tập lệnh phía máy chủ. Khi sử dụng PHP, bạn có thể truyền các biến và phân tích các hàm javascript bằng chuỗi và biến trong PHP.

Nếu bạn viết một chuỗi và sử dụng dấu ngoặc kép cho PHP của mình, bạn sẽ không phải thoát bất kỳ dấu ngoặc đơn nào và PHP sẽ tự động truy xuất giá trị của các biến cho bạn.

Ví dụ: Tôi cần chạy một hàm javascript bằng cách sử dụng một biến từ máy chủ của tôi.

public static function redirectPage( $pageLocation )
{
    echo "<script type='text/javascript'>window.location = '$pageLocation';</script>";
}

Điều này giúp tôi tiết kiệm rất nhiều rắc rối khi phải xử lý các chuỗi tham gia và tôi có thể gọi javascript từ PHP một cách hiệu quả. Đây chỉ là một ví dụ, nhưng đây có thể là một trong nhiều lý do tại sao các lập trình viên mặc định cho các trích dẫn đơn trong javascript.

Trích dẫn từ các tài liệu PHP : "Tính năng quan trọng nhất của chuỗi trích dẫn kép là thực tế là tên biến sẽ được mở rộng. Xem phân tích chuỗi để biết chi tiết."

Có những người tuyên bố để thấy sự khác biệt hiệu suất: chủ đề danh sách gửi thư cũ . Nhưng tôi không thể tìm thấy bất kỳ ai trong số họ được xác nhận.

Điều chính là xem xét loại trích dẫn nào (gấp đôi hoặc đơn) mà bạn đang sử dụng bên trong chuỗi của mình. Nó giúp giữ cho số lượng thoát thấp. Chẳng hạn, khi bạn đang làm việc với html bên trong các chuỗi của mình, việc sử dụng các dấu ngoặc đơn sẽ dễ dàng hơn để bạn không phải thoát tất cả các dấu ngoặc kép xung quanh các thuộc tính.

Tôi sẽ sử dụng dấu ngoặc kép khi không thể sử dụng dấu ngoặc đơn và ngược lại:

"'" + singleQuotedValue + "'"
'"' + doubleQuotedValue + '"'

Thay vì:

'\'' + singleQuotedValue + '\''
"\"" + doubleQuotedValue + "\""

Không có sự khác biệt giữa dấu ngoặc đơn và dấu ngoặc kép trong JavaScript.

Đặc điểm kỹ thuật là quan trọng:

Có thể có khác biệt về hiệu suất, nhưng chúng hoàn toàn tối thiểu và có thể thay đổi hàng ngày theo cách triển khai của trình duyệt. Thảo luận thêm là vô ích trừ khi ứng dụng JavaScript của bạn dài hàng trăm ngàn.

Nó giống như một điểm chuẩn nếu

a=b;

nhanh hơn

a = b;

(không gian thêm)

ngày nay, trong một trình duyệt và nền tảng cụ thể, v.v.

Khi sử dụng CoffeeScript tôi sử dụng dấu ngoặc kép. Tôi đồng ý rằng bạn nên chọn một trong hai và bám vào nó. CoffeeScript cung cấp cho bạn phép nội suy khi sử dụng dấu ngoặc kép.

"This is my #{name}"

ES6 đang sử dụng dấu tick ngược (`) cho chuỗi mẫu. Điều này có thể có lý do chính đáng, nhưng khi mã hóa, có thể rất khó để thay đổi ký tự chuỗi ký tự từ dấu ngoặc kép hoặc dấu ngoặc kép thành dấu tích ngược để có được tính năng nội suy. CoffeeScript có thể không hoàn hảo, nhưng sử dụng cùng một ký tự chuỗi ký tự ở mọi nơi (dấu ngoặc kép) và luôn có thể nội suy là một tính năng hay.

`This is my ${name}`

Nếu bạn nhảy lùi lại giữa JavaScript và C #, tốt nhất bạn nên huấn luyện các ngón tay của mình cho quy ước chung là dấu ngoặc kép.

Tôi đã chạy khoảng 20 lần sau đây. Và có vẻ như báo giá kép nhanh hơn khoảng 20%.

Điều thú vị là, nếu bạn thay đổi phần 2 và phần 1 xung quanh, các trích dẫn đơn sẽ nhanh hơn khoảng 20%.

//Part1
var r='';
var iTime3 = new Date().valueOf();
for(var j=0; j<1000000; j++) {
    r+='a';
}
var iTime4 = new Date().valueOf();
alert('With single quote : ' + (iTime4 - iTime3));  

//Part 2                
var s="";
var iTime1 = new Date().valueOf();
for(var i=0; i<1000000; i++) {
    s += "a";
}
var iTime2 = new Date().valueOf();
alert('With double quote: ' + (iTime2 - iTime1));

Hoàn toàn không có sự khác biệt, do đó, chủ yếu là vấn đề về hương vị và những gì có trong chuỗi (hoặc nếu chính mã JS nằm trong một chuỗi), để giữ cho số lần thoát thấp.

Truyền thuyết chênh lệch tốc độ có thể đến từ thế giới PHP, nơi hai trích dẫn có hành vi khác nhau.

Sau khi đọc tất cả các câu trả lời có thể nhanh hơn hoặc có thể có lợi thế, tôi sẽ nói trích dẫn kép là tốt hơn hoặc có thể nhanh hơn vì trình biên dịch đóng của Google chuyển đổi dấu ngoặc đơn thành dấu ngoặc kép.

Bây giờ là năm 2020, chúng ta nên xem xét tùy chọn thứ ba cho Javascript: Backtick duy nhất cho mọi thứ.

Điều này có thể được sử dụng ở mọi nơi thay vì dấu ngoặc đơn hoặc kép.

Nó cho phép bạn làm tất cả mọi thứ!

1. Nhúng các trích dẫn đơn bên trong nó: 'Thật tuyệt!'
2. Nhúng hai dấu ngoặc kép bên trong nó: 'Thật "tuyệt vời!'
3. Sử dụng phép nội suy chuỗi: `Đó là" $ {better} "hơn là tuyệt vời!`

4. Nó cho phép nhiều dòng: `

   Điều này

   Làm cho

   Javascript

   Tốt hơn!

   `

Nó cũng không gây ra bất kỳ mất hiệu suất nào khi thay thế hai cái còn lại: https://medium.com/javascript-in-plain-english/are-backticks-slower-than-other-strings-in-javascript-ce4abf9b9fa

Nếu nguồn JS của bạn là:

elem.innerHTML="<img src='smily' alt='It\'s a Smily' style='width:50px'>";

Nguồn HTML sẽ là:

<img src="smiley" alt="It's a Smiley" style="width:50px">

hoặc cho HTML5

<img src=smiley alt="It's a Smiley" style=width:50px>

JS cho phép các mảng như thế:

var arr=['this','that'];

Nhưng nếu bạn xâu chuỗi nó, nó sẽ là lý do tương thích:

JSON=["this","that"]

Tôi chắc chắn rằng điều này sẽ mất một thời gian.

Chỉ cần thêm 2 xu của tôi: Khi làm việc với cả JS và PHP vài năm trước, tôi đã quen với việc sử dụng các trích dẫn đơn để tôi có thể nhập ký tự thoát ('\') mà không phải thoát khỏi nó. Tôi thường sử dụng nó khi gõ chuỗi thô với đường dẫn tệp, v.v ( http://en.wikipedia.org/wiki/String_literal#Raw_strings )

Dù sao đi nữa, quy ước của tôi cuối cùng đã trở thành việc sử dụng các trích dẫn đơn trên các chuỗi thô kiểu định danh, chẳng hạn như if (typeof s == 'string') ...(trong đó các ký tự thoát sẽ không bao giờ được sử dụng - bao giờ) và trích dẫn kép cho các văn bản , chẳng hạn như "Này, có chuyện gì?". Tôi cũng sử dụng các trích dẫn đơn trong các bình luận như một quy ước đánh máy để hiển thị tên định danh. Đây chỉ là một quy tắc và tôi chỉ dừng lại khi cần, chẳng hạn như khi gõ chuỗi HTML '<a href="#"> like so <a>'(mặc dù bạn cũng có thể đảo ngược các trích dẫn ở đây). Tôi cũng biết rằng, trong trường hợp JSON, các trích dẫn kép được sử dụng cho các tên - nhưng bên ngoài đó, cá nhân tôi thích các trích dẫn đơn khi thoát không bao giờ được yêu cầu cho văn bản giữa các trích dẫn - nhưdocument.createElement('div') .

Dòng dưới cùng, và như một số người đã đề cập / ám chỉ, chọn một quy ước, gắn bó với nó và chỉ đi chệch khi cần thiết.