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

posted @ 2018-07-23 17:48  SuperMeng  阅读(879)  评论(0编辑  收藏  举报