折行转义字符

纪录一个小技能

基于ES5的多行字符串拼接,增添html模板的可读性

var htmlString = "<div>"+
       "This is a string."+
   "</div>";

ES6中运用`的模板字符串能够让我们的多行html模板更简约

var htmlString = `<div>
       This is a string.
   </div>`;

但是它们在 IE 下并没有被支撑,假如你需要在不经由 Babel 或相似的东西编译的情况下支撑 IE,能够运用运用折行转义字符来增添代码的可读性。

var htmlString = "<div>\
       This is a string.\
   </div>";

Reference:
Multiline String Variables in JavaScript

    原文作者:OceanZH
    原文地址: https://segmentfault.com/a/1190000017959470
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞