ES6--template模板机制
ES5中字符串的拼接非常麻烦:
$(".appendBox").append("<p class='ticketinfo'><span class='ticketName'>票名:"+ticketInfo.name+"</span><span class='ticketPrice'>单价:¥"+ticketInfo.price+"</span></p>")
ES6中可以用反引号里使用 ${ }语法:
$(".appendBox").append(`<p class='ticketinfo'><span class='ticketName'>票名:${ticketInfo.name}</span><span class='ticketPrice'>单价:¥${ticketInfo.price}</span></p>`)
显示效果都是这样:
以上数据量比较少,可能不是很直观,如果换成下面的字符呢?....2333
----over ovo