2021-11-16 工作记录--字符串拼接 + 字符串拼接时，内容复杂的，需要加个小括号

本文链接：https://blog.csdn.net/weixin_48850734/article/details/121366350

一、字符串拼接

第一种、加号（+）拼接

用加号+将变量与字符串拼接起来，注意 单双引号 的使用。

第二种、es6写法

1、将内容用 `` 符号包裹起来；
2、遇见变量，注意写法：${变量}；
3、其余的按正常方式写即可。
在这里插入图片描述
【下面 两个例子中 紫色框框 里的上面一句采用的是第一种方法，下面一句采用的第二种方法】

例子1、
在这里插入图片描述
对应代码：

return "<img src='" + d.thump_tmp + "'/>"; // 第一种方法、加号（+）拼接
return `<img src="${d.thump_tmp}"/>`; // 第二种方法、es6写法

例子2、
在这里插入图片描述
对应代码：

tip += params[i].marker + "<span style='color: " + params[i].color + "'>" + params[i].seriesName + "</span>&nbsp;&nbsp;&nbsp;" + "<span style='color: #8230FF'>" + params[i].value + "</span>" + "<br/>"; // 第一种方法、加号（+）拼接
tip += `${params[i].marker}<span style="color: ${params[i].color}">${params[i].seriesName}</span>&nbsp;&nbsp;&nbsp;<span style="color: #8230FF">${params[i].value}</span><br/>` // 第二种写法、es6写法

二、字符串拼接时，内容复杂的，需要加个小括号

字符串拼接时，引号的使用最容易犯错，这里遇见一种新情况，在拼接字符串中，有些内容比较繁琐的，需要加上小括号，如下图举例，这里做个笔记以此提醒自己
在这里插入图片描述
example2：

 var finalDate = data.year.toString() + '-' + (data.month<10?'0'+data.month.toString():data.month.toString()) + '-' + (data.date<10?'0'+data.date.toString():data.date.toString()); // 加号中间的过长的内容要用括号括起来，不然数据会不对  【结果（比如）：2021-12-02】