Javascript - 如何编写干净的代码？答案

【问题标题】：Javascript - How can I write my clean code?Javascript - 如何编写干净的代码？
【发布时间】：2010-11-30 01:45:36
【问题描述】：

我需要在 Jquery 上做一个函数，在 div 中写入一些 HTML 元素。

代码是这样的：

function loadAppartamenti() {
    $('.profilo_2').empty();
    $('.profilo_2').html("<label class='article_span'>Inserisci Zona (es. Via/Località)</label> /
                          <input id='art_1' class='article_input' /> /
                          <label class='article_span'>Costo (€ Mese)</label> /
                          <input id='art_2' class='article_input' /> /
                          <label class='article_span'>Disponibilità (Periodo In Mesi)</label> /
                          <input id='art_3' class='article_input' /> /
                          <label class='article_span'>Condizioni</label> /
                          <input id='art_4' class='article_input' /> /
                          <label class='article_span'>Servizi Presenti</label> /
                          <input id='art_5' class='article_input' />");
}

我需要尽可能干净地清理代码，所以我已经对齐它（我在写一行时会转到新行）。

我知道在 Javascript 上我可以做到，在每行的末尾添加一个 /。但也许我记错了。事实上，如果我在 Chrome 上运行此代码，控制台会显示“Uncaught SyntaxError: Unexpected token ILLEGAL”。

我该如何解决这个问题？我不想在 1 行上写代码 :)

【问题讨论】：

如果删除了多余的“/”会怎样？我的猜测是它应该可以工作。它只会在呈现的 HTML 中显示为 1 行，但这并不是可读性重要的地方（无论是用户视图还是开发人员视图）。
顺便说一句，这与jQuery无关，只是JavaScript字符串语法。

标签： javascript syntax

【解决方案1】：

您需要在每行末尾使用反斜杠而不是正斜杠：

var s = "one\
         two\
         three";

【讨论】：

该死的。我在这个问题上大约 30 分钟。我的错。谢谢呵呵

【解决方案2】：

你有没有想过

var textArray = [...]; // insert your text content
var portfilo = $(".profilo_2");
for (var  i = 0; i < 5; i++) {
    profilo.append(
        $("<label>").addClass("article_span").text(textArray[i])
    ).append(
        $("<input>").attr("id", "art_"+ i).addClass("input_span")
    )
}

如果您愿意，可以进一步缓存/优化它。

【讨论】：