考虑以下两种备选方案:
console.log(“double”);console.log(“单个”);
前者在字符串两边使用双引号,而后者在字符串周围使用单引号。
我看到越来越多的JavaScript库在处理字符串时使用单引号。
这两种用法可以互换吗?如果没有,使用一个是否优于另一个?
考虑以下两种备选方案:
console.log(“double”);console.log(“单个”);
前者在字符串两边使用双引号,而后者在字符串周围使用单引号。
我看到越来越多的JavaScript库在处理字符串时使用单引号。
这两种用法可以互换吗?如果没有,使用一个是否优于另一个?
在不同的库中使用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被正式指定为使用双引号,这可能值得考虑,具体取决于系统需求。
有些人声称看到了性能差异:旧邮件列表线程。但我找不到任何一个可以确认的。
主要的事情是查看在字符串中使用的引号(双引号或单引号)。这有助于减少逃跑的次数。例如,当您在字符串中处理HTML内容时,使用单引号更容易,这样就不必转义属性周围的所有双引号。
严格来说没有什么区别,所以这主要取决于口味和字符串中的内容(或者如果JavaScript代码本身在字符串中),以保持较少的转义数。
速度差异图例可能来自PHP世界,其中两个引号具有不同的行为。
严格地说,意思没有区别;因此,选择归根结底是为了方便。
以下是可能影响您选择的几个因素:
房屋风格:一些开发商已经使用了一种或另一种惯例。客户端要求:您会在字符串中使用引号吗?(见Ady的回答。)服务器端语言:VB.NET人员可能会选择对JavaScript使用单引号,以便可以在服务器端构建脚本(VB.NET对字符串使用双引号,因此如果使用单引号则很容易区分JavaScript字符串)。库代码:如果您正在使用使用特定样式的库,您可以考虑自己使用相同的样式。个人喜好:你可能会觉得一种或另一种风格更好看。
本规范第7.8.4节描述了文字字符串表示法。唯一的区别是DoubleStringCharacter是“SourceCharacter但不是双引号”,而SingleStringCharacter则是“SourceCharacter但不是单引号”。因此,唯一的区别可以证明如下:
'A string that\'s single quoted'
"A string that's double quoted"
因此,这取决于您要进行多少引号转义。显然,这同样适用于双引号字符串中的双引号。
我想说,区别纯粹是风格上的,但我真的有点怀疑。考虑以下示例:
/*
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的现代版本不再这么做了。
我认为,如果您正在进行内联JavaScript(可以说是一件“糟糕”的事情,但要避免这种讨论),单引号是字符串文字的唯一选项。
例如,这很好:
<a onclick="alert('hi');">hi</a>
但是你不能通过我所知道的任何转义方法将“hi”用双引号括起来。甚至“;这可能是我最好的猜测(因为你在HTML属性值中转义引号)在Firefox中不适用。“也不起作用,因为此时您正在逃避HTML,而不是JavaScript。
因此,如果游戏的名称是一致的,并且你将在应用程序的某些部分中使用内联JavaScript,我认为单引号是赢家。如果我错了,请有人纠正我。
当不能使用单引号时,我会使用双引号,反之亦然:
"'" + singleQuotedValue + "'"
'"' + doubleQuotedValue + '"'
而不是:
'\'' + singleQuotedValue + '\''
"\"" + doubleQuotedValue + "\""
JavaScript中的单引号和双引号没有任何区别。
规范很重要:
可能存在性能差异,但它们绝对是最小的,并且可以根据浏览器的实现随时更改。除非JavaScript应用程序长达数十万行,否则进一步讨论是徒劳的。
这就像一个基准,如果
a=b;
比
a = b;
(额外空间)
今天,在特定的浏览器和平台等中。
如果您正在处理JSON,应该注意,严格来说,JSON字符串必须双引号。当然,许多库也支持单引号,但我在一个项目中遇到了很大的问题,因为我意识到单引号实际上不符合JSON标准。
我希望我没有添加一些明显的东西,但我一直在努力使用Django、Ajax和JSON。
假设在HTML代码中确实使用了双引号,这是正常情况,我强烈建议在JavaScript中使用单引号。
所以我同意这位女士的观点,但要小心。
我的底线是:
在JavaScript中,这可能并不重要,但一旦将其嵌入HTML或类似内容中,就会遇到麻烦。你应该知道什么是真正的逃避,阅读,传递你的字符串。
我的简单案例是:
tbox.innerHTML = tbox.innerHTML + '<div class="thisbox_des" style="width:210px;" onmouseout="clear()"><a href="/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>'
您可以在showThis的第三个字段中找到“”。
双引号无效!
原因很清楚,但也很清楚为什么我们应该坚持单引号。。。我想。。。
本例是一个非常简单的HTML嵌入,错误是由“双引号”JavaScript代码的简单复制/粘贴生成的。
所以要回答这个问题:
在HTML中尝试使用单引号。这可能会节省一些调试问题。。。
这主要是风格和偏好的问题。在其他答案中有一些非常有趣和有用的技术探索,所以也许我唯一可以补充的就是提供一些世俗的建议。
如果你在一家公司或团队中进行编码,那么遵循“家庭风格”可能是一个好主意。如果你一个人在做一些附带的项目,那么看看社区中的一些杰出领导人。例如,假设您进入Node.js。看看核心模块,例如Undercore.js或express,看看它们使用了什么约定,然后考虑遵循这些约定。如果这两种约定都被同等使用,那么就遵从您的个人偏好。如果你没有任何个人喜好,那就掷硬币吧。如果你没有硬币,我就喝啤酒;)
我不确定这在当今世界是否相关,但双引号过去用于需要处理控制字符的内容,而单引号用于不需要处理的字符串。
编译器将在双引号字符串上运行字符串操作,同时保持单引号字符串不受影响。这曾导致“优秀”的开发人员选择对不包含\n或\0等控制字符的字符串使用单引号(不在单引号内处理),而在需要解析字符串时使用双引号(处理字符串的CPU周期会有少许成本)。
没有更好的解决方案;然而,我想指出,有时双引号可能更可取:
新来者将已经熟悉他们语言中的双引号。在英语中,我们必须使用双引号“来识别一段被引用的文本。如果我们使用单引号”,读者可能会将其误解为一个收缩词。被“”包围的一段文本的其他含义表示“口语”含义。保持与现有语言一致是有意义的,这可能会简化代码的学习和解释。双引号不需要转义撇号(如缩写)。考虑一下字符串:“我要去购物中心”,而不是其他转义的版本:“我将去购物中心。”。双引号在许多其他语言中表示字符串。当你学习像Java或C这样的新语言时,总是使用双引号。在Ruby、PHP和Perl中,单引号字符串表示没有反斜杠转义,而双引号支持它们。JSON符号用双引号书写。
尽管如此,正如其他人所说,保持一致是最重要的。
谈到性能,报价永远不会成为您的瓶颈。然而,这两种情况下的性能是相同的。
谈到编码速度,如果您使用'来分隔字符串,则需要转义“引号”。更可能需要在字符串内部使用“”。例子:
// JSON Objects:
var jsonObject = '{"foo":"bar"}';
// HTML attributes:
document.getElementById("foobar").innerHTML = '<input type="text">';
然后,我更喜欢使用'来分隔字符串,所以我必须转义更少的字符。
如果使用的是JSHint,如果使用双引号字符串,则会引发错误。
我通过Yeoman清理AngularJS使用了它,但也许有某种方式可以配置它。
顺便说一句,当您将HTML转换为JavaScript时,使用单引号更容易:
var foo = '<div class="cool-stuff">Cool content</div>';
至少JSON使用双引号来表示字符串。
回答你的问题没有任何琐碎的方法。
可以使用单引号或双引号。
例如,这使您能够轻松地将JavaScript内容嵌套在HTML属性中,而无需转义引号。使用PHP创建JavaScript时也是如此。
总的想法是:如果可能的话,使用这样的引号,你不需要逃避。
更少的转义=更好的代码。
使用CoffeeScript时,我使用双引号。我同意你应该选择其中一个并坚持下去。CoffeeScript在使用双引号时提供了插值。
"This is my #{name}"
ECMAScript 6对模板字符串使用反引号(`)。这可能有很好的原因,但在编码时,为了获得插值功能,将字符串文字字符从引号或双引号更改为反引号可能会很麻烦。CoffeeScript可能并不完美,但在任何地方使用相同的字符串文字字符(双引号)并始终能够插入是一个不错的特性。
`This is my ${name}`
只需保持使用的一致性。但不要降低你的舒适度。
"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
ECMAScript 6更新
使用模板文本语法。
`Be "my" guest. You're in complete freedom.`; // Most comfort :D
检查利弊
支持单引号
减少视觉混乱。生成HTML:HTML属性通常由双引号分隔。
elem.innerHTML='<a href=“'+url+'”>您好</a>';然而,单引号在HTML中同样合法。
elem.innerHTML=“您好</a>”;
此外,内联HTML通常是一种反模式。首选模板。
生成JSON:JSON中只允许双引号。
myJson=“{”hello world“:true}”;
同样,您不必以这种方式构造JSON。JSON.stringify()通常就足够了。如果没有,请使用模板。
支持双引号
如果没有颜色编码,双打更容易识别。就像在控制台日志或某种视图源设置中一样。与其他语言相似:在shell编程(Bash等)中,存在单引号字符串文本,但转义不在其中解释。C和Java对字符串使用双引号,对字符使用单引号。如果希望代码是有效的JSON,则需要使用双引号。
对两者都有利
两者在JavaScript中没有区别。因此,您可以随时使用任何方便的工具。例如,以下字符串文字都产生相同的字符串:
他说:“我们走吧\""他说:“我们走吧!”他说:“我们走吧!”\""他说:“我们走吧!”
内部字符串用单引号,外部字符串用双引号。这允许您将内部常量与要显示给用户(或写入磁盘等)的字符串区分开来。显然,您应该避免将后者放在代码中,但这并不总是可以做到的。
此外,该规范(目前在MDN中提到)似乎没有说明单引号和双引号之间的任何区别,除了右引号和一些未转义的几个字符。然而,模板文本(`-反引号字符)需要额外的解析/处理。
字符串文字是用单引号或双引号括起来的0个或多个Unicode代码点。Unicode码点也可以用转义序列表示。除右引号代码点U+005C(REVERSE SOLIDUS)、U+000D(CARRIAGE RETURN)和U+000A(LINE FEED)外,所有代码点都可以按字面形式出现在字符串文字中。任何代码点都可能以转义序列的形式出现。字符串文本计算为ECMAScript字符串值。。。
资料来源:https://tc39.es/ecma262/#sec-文字字符串文字