JS中的单引号和双引号 ------------转自ranyonsue

转载 2018年04月17日 21:32:44

JS中的单引号和双引号

JS里面的单引号和双引号可以同时使用,但是要遵循一定的准则。

最外面用了双引号了,那么里面就不能再用双引号了,因为引号是成双对的,浏览器读到一个双引号后,到第2个双引号时才算结束;同理,浏览器读到一个单引号后,必须要读到第二个单引号才算结束,

 

不管是单引号还是双引号,里面都可以套相反的引号,但是不可以双引号里面套单引号,这个单引号再套双引号,这是不行的。

 

如果在引号里面使用相同的引号,需要用 \ 转义。

单引号转义为\'

单引号转义为\"

 

单引号和双引号之间的字符串可以相加

'af'+"bvvv"+'dd'

输出 "afbvvvdd"

 

还有一种情况,,这里的单引号也是字符串的一部分

"<div class='con"+"tent'></div>"

输出 "<div class='content'></div>"

 

从代码编译的角度说的话,单引号在JS中被浏览器(IE,Chrome,Safari)编译的速度更快(在FireFox中双引号更快)。

 

来看一些案例

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

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,  拼接好了后继续用加号拼接字符串 ",我今年"

以此类推。。。 

 

一个特别复杂的例子

想要输出这段HTML

<template v-for="aodo in aodos">
      <li class="mui-table-view-cell" v-bind:fundcodeli="aodo.assetCode">
          <span class="column-a" v-text="aodo.assetName.substring(0,6)"></span>
          <span class="column-b" v-text="aodo.setupDate.substring(0,4)+'-'+aodo.setupDate.substring(4,6)+'-'+aodo.setupDate.substring(6,8)"></span>
          <span class="column-c" v-text="aodo.investType.substring(0, aodo.investType.length - 2)"></span>
          <span class="column-d mui-icon mui-icon-closeempty"></span>
    </li>
</template>

JS里面必须这样写:

var str="<template v-for='aodo in aodos'><li class='mui-table-view-cell' v-bind:fundcodeli='aodo.assetCode'><span class='column-a' v-text='aodo.assetName.substring(0,6)'></span><span class='column-b' v-text='aodo.setupDate.substring(0,4)"+'+"-"+'+"aodo.setupDate.substring(4,6)"+'+"-"+'+"aodo.setupDate.substring(6,8)'></span><span class='column-c' v-text='aodo.investType.substring(0, aodo.investType.length - 2)'></span><span class='column-d mui-icon mui-icon-closeempty'></span></li></template>";
fundListUl.innerHTML = str;

 

**总结下**:引号(同类型的引号,单引号和双引号是不同类型)是成双对的,在读第一个引号时开始,读到第二个结束,遇到第三个又开始,第四个又结束。。。;

不同类型引号之间可以嵌套,最多2层(当然通过转义可以继续往下套,但是因为可读性太差,不要这样做);

*/

 

js中单引号和双引号的使用区别

1.引入 在jquery或者js中拼接字符串时,使用单引号和双引号是没有区别的,都可以被成功解析成字符串,但是,在一些复杂的字符串拼接时,需要单引号和双引号的混合使用时,就需要注意了。最近在项目中写...
  • ya_1249463314
  • ya_1249463314
  • 2016-12-21 11:30:41
  • 8443

JS中单引号嵌套实例--------------更新版

var s1='aaaa';//正确,这是一个常见的字符串,外侧用单引号括起来。 var s2='aaa\'aaa';//正确,这里内部有一个单引号,这里通过转移\,把单引号当做字符,也就是最终字符串...
  • zhouhaisunny
  • zhouhaisunny
  • 2016-12-06 09:47:45
  • 978

js 中的双引号和单引号使用总结

单引号和双引号其实没啥区别,看你自己习惯了 -------------------不正确 -------------------正确 双引号中再用双引号要这样: var str = "abc\...
  • qishuo_java
  • qishuo_java
  • 2014-10-23 21:05:50
  • 2337

js 单引号替换成双引号,双引号替换成单引号 操作

1.双引号替换成单引号 var _adrobj = JSON.stringify(address).replace(/\"/g,"'");ps:var a = {a:1,b:2}; JSON.stri...
  • Joyhen
  • Joyhen
  • 2015-01-29 15:08:20
  • 28437

javascript字符串单引号与双引号的区别

最近在使用javascript编程,遇到使用字符串的情况 写了一点测试代码 var str = 'This is Jack'; var str2 = 'This i...
  • irXiang
  • irXiang
  • 2015-12-03 19:09:16
  • 5978

js-常用替换“单引号”、“双引号”、“尖括号

js-常用替换“单引号”、“双引号”、“尖括号”……   var str=" str=str.replace(/\'/g,"’");//替换半角单引号为全角单引号 str=...
  • bluexuemei
  • bluexuemei
  • 2015-01-09 15:17:21
  • 2024

单引号、双引号在javascript、HTML中的转义字符

单引号、双引号在javascript、HTML中的转义字符
  • paincupid
  • paincupid
  • 2015-12-15 20:15:46
  • 3283

js中单引号双引号的处理

这几天在项目中遇到要动态添加li标签并且要给该标签添加点击事件同时传入ajax获取到的数据,这就需要与单引号和双引号同时打交道,由于我js技术还不是很好,这对我来说比较麻烦,后来百度找到了解决办法。这...
  • zymx14
  • zymx14
  • 2017-03-28 23:51:29
  • 680

Js参数值中含有单引号或双引号解决办法

script type="text/javascript"> function Display(LoginEmail, UserName, ID) {         alert(LoginEma...
  • ncqqbesny
  • ncqqbesny
  • 2013-11-28 13:38:53
  • 2110

JS拼接字符串单引号与双引号的区别

这几天一直在画页面,身为开发人员的我之所以要画页面是因为当前项目中的页面上所有的东西都是从数据库中取得的,也就是动态的,类似于我们设计自己的个人QQ空间,但因为是大型平台,有自定义业务的概念 ,所有更...
  • zk18286047195
  • zk18286047195
  • 2016-04-12 14:35:19
  • 6175
收藏助手
不良信息举报
您举报文章:JS中的单引号和双引号 ------------转自ranyonsue
举报原因:
原因补充:

(最多只允许输入30个字)