将字符串与嵌套变量串联以提供适当的行为

Question

我有几行很难写：

 document.write('<td><input value="Add to ShopBakset"'+
            ' type="button"'+ 
            'onClick="addToBasket(\'' + 
            +JSON.stringify(products[i]) +  
             '\')"/></td>');
        document.write("</tr>");

有一个规则，即js字符串不会在新行中散布，并且必须像这样。但是也许某个地方发生了错误？

Answer 1

您可以使用template literals进行串联：

document.write(`<td><input value="Add to ShopBakset"
             type="button" 
            onClick="addToBasket(${JSON.stringify(products[i])})"/></td>`);
document.write("</tr>");