重构ES6风格的连接

时间:2017-08-31 17:58:31

标签: javascript ecmascript-6

我希望以更好的方式重构此代码,而不会超过80个字符行限制。

 document.getElementById('latest-date').innerHTML =
    (
      days[date.getDay() -1] + ' ' + date.getDate() + ' ' +
      months[date.getMonth()] + ', ' + date.getFullYear() + ' - ' +
      date.getHours() + ':' + date.getMinutes()
    );

我想使用Template Literals,但我想当我转到换行符以遵循字符数限制时,它会自动添加\n

当前代码的输出示例是:

Thur 24 Aug, 2017 - 18:30

1 个答案:

答案 0 :(得分:2)

document.getElementById('latest-date').innerHTML = (`
  ${days[date.getDay() -1]} ${date.getDate()}
  ${months[date.getMonth()]}, ${date.getFullYear()} - 
  ${date.getHours()}:${date.getMinutes()}    
`);

我认为应该这样做。