Question

我在这里已经阅读了几个关于这个主题的帖子，但我仍然不确定如何处理这个问题。

事实上，源代码中的行更长 e.g。

console.log("html : "+"<li><a href=\""+el.find("link").text()+"\">"+el.find("title").text()+"</a>");

在

中分手

console.log("html : "
  +"<li><a href=\""
  +el.find("link").text()
  +"\">"
  +el.find("title").text()
  +"</a>");

一切仍然正常，但JSLint告诉我“在'+'之前坏线断线”

什么是最佳做法，建议保持源人类可读的方法（生产代码将缩小）。

Answer 1

与换行无关，但是连接字符串的替代方法是使用substitution strings，这有时会使事情变得更容易管理。

console.log('html: <li><a href="%s">%s</a>',
    el.find('link').text(),
    el.find('title').text());

Answer 2

您必须以+

结尾

否则，口译员可能会将其视为一行的结尾。（感谢Scimonster的解释）

console.log('html: ' +
    '<li><a href="' +
    el.find('link').text() +
    '">' +
    el.find('title').text() +
    '</a>');

我建议您在JavaScript中使用单引号，在HTML中使用双引号。然后就不需要转义双引号，它也提高了代码的可读性。

Answer 3

在这种情况下我做了什么

var str = "html : "+"<li><a href=\"LINK\">TEXT</a>";
var str = str.replace('LINK',el.find("link").text()).replace('TEXT',el.find("title").text());
console.log(str)

在JS中打破长线的最佳实践

3 个答案: