考虑以下两种备选方案:

console.log(“double”);console.log(“单个”);

前者在字符串两边使用双引号,而后者在字符串周围使用单引号。

我看到越来越多的JavaScript库在处理字符串时使用单引号。

这两种用法可以互换吗?如果没有,使用一个是否优于另一个?


当前回答

如果您正在处理JSON,应该注意,严格来说,JSON字符串必须双引号。当然,许多库也支持单引号,但我在一个项目中遇到了很大的问题,因为我意识到单引号实际上不符合JSON标准。

其他回答

在不同的库中使用single与double最可能的原因是程序员偏好和/或API一致性。除了保持一致,使用最适合字符串的字符串。

使用其他类型的引用作为文字:

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

这可能会变得复杂:

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

ECMAScript 6中新增的另一个选项是模板文本,它使用反引号字符:

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

模板文本提供了一个干净的语法:变量插值、多行字符串等。

注意,JSON被正式指定为使用双引号,这可能值得考虑,具体取决于系统需求。

我不确定这在当今世界是否相关,但双引号过去用于需要处理控制字符的内容,而单引号用于不需要处理的字符串。

编译器将在双引号字符串上运行字符串操作,同时保持单引号字符串不受影响。这曾导致“优秀”的开发人员选择对不包含\n或\0等控制字符的字符串使用单引号(不在单引号内处理),而在需要解析字符串时使用双引号(处理字符串的CPU周期会有少许成本)。

如果使用的是JSHint,如果使用双引号字符串,则会引发错误。

我通过Yeoman清理AngularJS使用了它,但也许有某种方式可以配置它。

顺便说一句,当您将HTML转换为JavaScript时,使用单引号更容易:

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

至少JSON使用双引号来表示字符串。

回答你的问题没有任何琐碎的方法。

谈到性能,报价永远不会成为您的瓶颈。然而,这两种情况下的性能是相同的。

谈到编码速度,如果您使用'来分隔字符串,则需要转义“引号”。更可能需要在字符串内部使用“”。例子:

// JSON Objects:
var jsonObject = '{"foo":"bar"}';

// HTML attributes:
document.getElementById("foobar").innerHTML = '<input type="text">';

然后,我更喜欢使用'来分隔字符串,所以我必须转义更少的字符。

我想说,区别纯粹是风格上的,但我真的有点怀疑。考虑以下示例:

/*
    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);

在Safari、Chrome、Opera和Internet Explorer(在Internet Explorer 7和Internet Explorer 8中测试)中,这将返回以下内容:

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

然而,Firefox会产生一个稍微不同的结果:

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

单引号已被双引号取代。(还要注意缩进空格是如何被四个空格替换的。)这给人的印象是,至少有一个浏览器在内部解析JavaScript,就好像所有内容都是用双引号写的一样。有人可能会想,如果一切都是按照这个“标准”编写的,那么Firefox解析JavaScript所需的时间就更少了。

顺便说一句,这让我成为一只非常悲伤的熊猫,因为我认为单引号在代码中看起来更好。此外,在其他编程语言中,它们通常比双引号使用得更快,因此只有在JavaScript中使用同样的方法才有意义。

结论:我认为我们需要对此做更多的研究。

这或许可以解释彼得·保罗·科赫2003年的测试结果。

在Explorer Windows中,单引号有时似乎更快(我的测试中大约有1/3显示了更快的响应时间),但如果Mozilla显示出差异,它处理双引号的速度会稍快一些。我在歌剧中发现没有什么不同。

2014年:Firefox/Spidermonkey的现代版本不再这么做了。