鍍金池/ 問答/HTML/ 請問怎么使用es6優(yōu)化下這段代碼?

請問怎么使用es6優(yōu)化下這段代碼?


var tracerouteDataStr =''
                                for(var ti in tooltipData.tracerouteData){
                                    tracerouteDataStr += tooltipData.tracerouteData[ti]+'<br />'
                                }
                                var tooltipDataStr =
                                    '<span style=\'font-size:19px;\'>'+tooltipData.name+'&nbsp;->&nbsp;北京<br /></span>'+
                                    '<span style=\'color:#2AF4FF;font-size:19px;\'>延時(shí)時(shí)間</span>:'+
                                    '<span style=\'font-size:16px;\'>'+ tooltipData.delay + '</span>&nbsp;&nbsp;ms'+
                                    '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\'color:#2AF4FF;font-size:19px;\'>丟包率</span>:'+
                                    '<span style=\'font-size:16px;\'>'+ tooltipData.lostPacket +'</span>&nbsp;&nbsp;%<br />'+
                                    '<span style=\'font-size:16px;\'>' + tracerouteDataStr +'</span>';
回答
編輯回答
焚音

模板字符串建議了解一下

2018年8月24日 14:28
編輯回答
孤影

var tooltipDataStr =`
  <span style='font-size:19px;'>${tooltipData.name}&nbsp;->&nbsp;北京<br /></span>
  <span style='color:#2AF4FF;font-size:19px;'>延時(shí)時(shí)間</span>:
  <span style='font-size:16px;'>${tooltipData.delay}</span>&nbsp;&nbsp;ms
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style='color:#2AF4FF;font-size:19px;'>丟包率</span>:
  <span style='font-size:16px;'>${tooltipData.lostPacket}</span>&nbsp;&nbsp;%<br />
  <span style='font-size:16px;'>${tooltipData.tracerouteData.join('<br />')}</span>';
`
2017年12月22日 15:41