折行转义字符

记录一个小技巧

基于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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞