06 - JS 单引号与双引号的区别！ 🌼

首先要说明，在 JS 中单引号与双引号可以同时使用，但是要有规则。

一:外面用了双引号，里面就不可以在用双引号了；外面用了单引号，里面也就不可以用单引号了。

==:二`不同类型引号之间可以嵌套，最多两层（用转义可以套多层，但是可读性差，不建议这么用！）；比如单引号中套双引号，或者双引号中套单引号。

三:单引号转义为'；双引号转义为"；

四:单引号与双引号之间的字符串是可以连接的；例如：'a'+"b"+"c"+'d' = "abcd"

五: <div class='con"+"tent'></div> 相当于 <div class='content'></div>这里就是单引号套双引号的例子；

六:从编译速度上来看，单引号在浏览器中被编译的速度更快；

七:单引号与双引号在各自单独使用时，基本没有区别；例如：

var exm = '案例'；var exe = "案例"；变量 exm 与 exe 的内容都是字符串 案例；

console.info(exe == exe) ；//输出 true；

八:单引号和双引号混合使用时，需要注意：

一般出现在 JS 拼接字符串里面，或者 html 元素的属性里面，单引号和双引号必须成双成对的出现，可以单引号在外面，也可以双引号在外面；

var exm = "'案例'"；//这里变量 exm 的内容是字符串'案例'，这里单引号也是字符串的一部分；

var exe = '"案例"'；//这里变量 exe 的内容是字符串"案例"，这里的双引号也是字符串的一部分；

console.info(exe == exe) ；//输出 false；他们是不一样的字符串；

九:字符串拼接：

var html = "<div class = 'content'></div>"；//这里外面是双引号，里面就不能在用双引号了，引号必须成双成对，所以这里里面用了单引号；

同理，var html = '<div class = "content"></div>'；//也是可以的；

那么只用一种引号能不能实现呢，也是可以的；但是必须对引号进行转义，告诉浏览器这里的引号只是字符串，而不是引号结束符。例如：

var html = '<div class = \'content\'></div>'或者 var htm = "<div class = \"content\"></div>"；