ajax返回的数据然后用html拼字符串，请问我手动拼js字符串我是不是out了？

如图， 纠正下，以上的图是我打个比方，我有经常用变量的。
我都是从html复制到js里
然后手动''+ 再把html放''里面。
真心累。
我感觉以后维护不方便。
再然后我逛了知乎 有人说用模板引擎取代手工拼字符串，请问是这样的吗？
jade 这个我感觉不像。
看了jade的简介 像是用html 懒人写<div>用的
我是不是过时了？
请前端大牛解答一下。
还有一个问题的是http://www.css88.com/tool/htm... 在线html代码转js字符串 数组拼接
这个不知道靠谱不？
哪个方便更方便，更利于维护？

为什么要用join()数组？
看了好多人用拼接字符串没用过数组的方法啊

---

我觉得ES6里的模板字符串可以拯救你，比如：
传统的JavaScript语言，输出模板通常是这样写的：

$('#result').append(
  'There are <b>' + basket.count + '</b> ' +
  'items in your basket, ' +
  '<em>' + basket.onSale +
  '</em> are on sale!'
);

ES6模板字符串：

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

参考：
ES6模板字符串

---

是可以用模板引擎，比如 handlebars

当然在 ES6 中就能使用 ${} 进行变量插入了，就像楼上说的

另外用 join 的原因可能是以前某些浏览器 join 的效率比直接用 + 高，不知道是不是这个原因，有错误的话请指正。

---

我公司现在还是这么拼接的。。。

---

你这里面又没有变量，拼的这么嗨干嘛～
直接写一个script标签，type类型写成type=text/myhtml，然后在js中获得这个标签，innerText就可以读到了。

其实模板引擎也是这么做的，只不过获取到后，又进行了编译，变量替换