javascript - 在JS\JQ中，究竟何时用单引号''、双引号“”、和不用引号呢？

问题描述

问 题

就知道变量不需要引号

但是单引号、双引号就分不清了，请大神指点哈！

解决方案

首先，单引号和双引号在各自单独用时是木有什么区别的，都可以，比如：

var a="你好";//双引号,变量a的内容是字符串  你好
var b='你好';//单引号,变量b的内容是字符串  你好
console.info(a===b);//输出true，它们本质都是一样的字符串

其次，单引号和双引号混合使用时，这时候要特别注意了，这种情况一般出现在js拼接字符串里面，或者html元素的属性里面，就以JS为例吧，都是一样的规则：单引号和双引号必须成双成对的出现，可以单引号在外面，也可以双引号在外面：

var a="'你好'";//这里变量a的内容就是字符串'你好',这里的单引号也是字符串的一部分
var b='"你好"';//这里变量b的内容就是字符串"你好",这里的双引号也是字符串的一部分
console.info(a===b);//输出false，它们不是一样的字符串

接下来来个稍微复杂点的，我们来看下字符串拼接：

var _html="<div class='content'></div>";/*这里是最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个才算结束*/
//上面的代码也可以写作：
_html='<div class="content"></div>';
//如果你只想用一种引号的话，你级需要对里面的引号进行**转义处理**，告诉浏览器里面的引号是一个字符串，而不是引号结束符，比如：
_html='<div class=\'content\'></div>';

再来个拼接字符串的：

var data={name:"小明",age:18};
var _html="<div class='info'>我的名字叫"+data.name+",我今年"+data.age+"岁了<div>"
console.info(_html);//我的名字叫小明，我今年18岁了
//很明显了，按照之前说的，引号在读到首个双引号字符串的时候，把它当做这个变量的
//内容开始处理，然后到第二个双引号那里结束，即： "<div class='info'>我的名字叫"
/*然后通过加号拼接变量 data.name，  拼接好了后继续用加号拼接字符串 ",我今年"
以此类推。。。  
**总结下**：引号（同类型的引号，单引号和双引号是不同类型）是成双对的，在读第一个引号时开始，读到第二个结束，遇到第三个又开始，第四个又结束。。。；
不同类型引号之间可以嵌套，最多2层（当然通过转义可以继续往下套，但是因为可读性太差，不要这样做）；
*/

这篇关于javascript - 在JS\JQ中，究竟何时用单引号''、双引号“”、和不用引号呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！