ES6--template模板机制

ES5中字符串的拼接很是麻烦:app

   $(".appendBox").append("<p class='ticketinfo'><span class='ticketName'>票名:"+ticketInfo.name+"</span><span class='ticketPrice'>单价:¥"+ticketInfo.price+"</span></p>")spa

ES6中能够用反引号里使用 ${  }语法:3d

  $(".appendBox").append(`<p class='ticketinfo'><span class='ticketName'>票名:${ticketInfo.name}</span><span class='ticketPrice'>单价:¥${ticketInfo.price}</span></p>`)blog

显示效果都是这样:字符串

以上数据量比较少,可能不是很直观,若是换成下面的字符呢?....2333class

----over                                                     ovo语法