老师,请问这个方法中src='+data.icon+' 为什么不能用双引号

function getItemContent(data){
   if (data.icon){
      //src为什么要用单引号
      return '<img class="item-icon" src='+data.icon+' />'+data.name;
   }
   else {
      return data.name;
   }
}

weibo_执著的弧线_0 2019-12-02

源自：实战：详情页与购物车开发 1-3 详情页-左侧类目数据渲染

收起

2回答

好帮手慕慕子 2019-12-20 19:03:24

@hyperse，同学你好，外层单引号时，内层嵌套需要使用双引号这句话理解是对的。如果值是变量，不需要用引号包裹变量。

如下，理解是错误的。

因为data.icon是变量，第一对单引号是包裹左侧所有的字符内容，第二对单引号是为了包裹右侧的内容。这样字符串拼接时，data.icon就表示变量了。

自己理解下，祝学习愉快~

收起回答

hyperse #1

哦哦，我看走眼了。。明白了，谢谢老师

2019-12-20 19:31:55

好帮手慕星星 2019-12-03 10:50:41

同学你好，因为外层用的是单引号，里面用单引号是为了对应匹配：

这样data.icon就是变量了。而item-icon字符串用双引号是因为嵌套规则，单引号嵌套双引号，双引号嵌套单引号，这样出来的才是字符串而不是变量。自己可以测试理解下。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

收起回答

hyperse #1

也就是说外层单引号时，内层嵌套需要使用双引号，但是如果里面的值是变量需要引起来就还是用单引号吗？

2019-12-20 18:44:59
hyperse #2

data.icon因为是变量所以要用单引号括起来，这样理解对吗？

2019-12-20 18:46:47

相似问题

双重引号的问题

单引号，双引号

老师，这里为什么是单引号不是双引号，用双引号可以吗

关于单引号和双引号的使用问题。

还是没听懂，怎么办，能不能用最简单（不专业）的方法跟我说说原因

登录后可查看更多问答，登录/注册

3.WebAPP开发与小程序

参与学习人
提交作业 622 份
解答问题 6815 个

微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。

了解课程

本课精华内容

问答作业

代码分享-模仿高德官网效果做的

129 1

为什么图片这么大

27 15

老师帮我看下为什么谷歌浏览器点不了进度条没次点击都会重新播放用火狐浏览器就是可以的

34 14

这两个公式怎么推导出来的？

40 13

laoshi老师

57 13

查看更多本课问答

请稍等 ...

老师,请问这个方法中src='+data.icon+' 为什么不能用双引号

老师,请问这个方法中src='+data.icon+' 为什么不能用双引号

正在回答回答被采纳积分+1

请选择置顶位置