编写字符串连接的正确方法

Question

在JavaScript中连接字符串的正确方法是什么？例如，我有这个：

var addmore ='<tr>'+'<td style="text-align: center">'+currentIndex+'</td>'+'<td id="small"><input style="background: white; color: black;" type="text" id="number_'+currentIndex+'" value="">'+'</td><td><input style="background: white; color: black;" type="text" id="label_'+currentIndex'"></td></tr>' 

它在this fiddle显示一个错误，但我找不到它。我检查了引号，他们似乎是正确的。

引号太多会导致JavaScript中的混淆和错误？或者必须"超出'？

Answer 1

一个更好，更整洁WA y要这样做：

var addmore ='<tr>'+ 
      '<td style="text-align: center">'+currentIndex+'</td>'+       
      '<td id="small"><input style="background: white; color: black;" type="text" id="number_'+currentIndex+'" value=""></td>'+ 
      '<td><input style="background: white; color: black;" type="text" id="label_'+currentIndex+'"></td>'+ 
      '</tr>'; 

Answer 2

适当的这样的

var addmore ='<tr><td style="text-align: center">'+currentIndex+'</td><td id="small"><input style="background: white; color: black;" type="text" id="number_'+currentIndex+'" value=""></td><td><input style="background: white; color: black;" type="text" id="label_'+currentIndex+'"></td></tr>'; 

Answer 3

试试这个：

var addmore = '<tr><td style="text-align: center">' + currentIndex + '</td><td id="small"><input style="background: white; color: black;" type="text" id="number_' 
       + currentIndex + '" value="">' + '</td><td><input style="background: white; color: black;" type="text" id="label_' + currentIndex + '"></td></tr>'; 

Answer 4

对于字符串concatination我倾向于在Python中使用字符串格式等。在该项目中使用的所有网页中common.js文件中的代码顶部定义字符串格式

试试这个（http://jsfiddle.net/9Xw8Q/1/）

if (!String.prototype.format) { 
    String.prototype.format = function() { 
     var args = arguments; 
     return this.replace(/{(\d+)}/g, function(match, number) { 
      return typeof args[number] != 'undefined' 
       ? args[number] 
       : match 
       ; 
     }); 
    }; 
} 

，然后使用它像这样

currentIndex = 20 

var addmore ='<tr><td style="text-align: center">{0}</td><td id="small"><input style="background: white; color: black;" type="text" id="number_{0}" value=""></td><td><input style="background: white; color: black;" type="text" id="label_{0}"></td></tr>'.format(currentIndex) 

Answer 5

你可以在这里看到的输出：http://jsbin.com/abiduw/1/edit

currentIndex=5; 
var addMore = '<tr><td style="text-align: center">'+currentIndex+'</td><td id="small"><input style="background: white; color: black;" type="text" id="number_'+currentIndex+'" value=""></td><td><input style="background: white; color: black;" type="text" id="label_'+currentIndex+'"></td></tr>';