折行轉義字符

記錄一個小技巧

基於ES5的多行字符串拼接,增長html模板的可讀性javascript

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

ES6中使用`的模板字符串能夠讓咱們的多行html模板更簡潔css

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

然而它們在 IE 下並無被支持,若是你須要在不通過 Babel 或相似的工具編譯的狀況下支持 IE,能夠使用使用折行轉義字符來增長代碼的可讀性。html

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

Reference:
Multiline String Variables in JavaScriptjava

相關文章
相關標籤/搜索