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語法

相關文章
相關標籤/搜索