折行轉義字元

OceanZH發表於2019-02-16
字元

記錄一個小技巧

基於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

相關文章