js 字串不能多行嗎? 不盡然

一直以來以為js 的字串不能跨行, 所以寫複雜 html 操作相關的js 時都很痛苦(沒辦法縮排, 要像串燒一樣串成一行, 很難閱讀), 今天意外間發現原來這是有辦法的, 答案出奇的簡單...


var sub_cata_template = '\
        [[#catalogs]]\
        <div id="category_[[id]]_sub_category" class="sub_category_panel">\
            <div class="sub_category_menu"></div>\
            <div class="sub_category_sub">\
                <div class="col_0"></div>\
                <div class="col_1"></div>\
                <div class="col_2"></div>\
        <div style="clear: both"></div>\
        </div>\
        [[#children]]\
        <span id="sub_category_item[[id]]" class="sub_category_item">\
        <span class="sub_category_title_icon"> > </span>\
        <a class="sub_category_link" href="[[link]]">[[label]]</a>\
        </span>\
        [[/children]]\
        </div>\
        [[/catalogs]]';


發現了嗎, 只要在行尾加上一個 "\" 就好!

Note: 別忘了字串要用單括號括住, 不能用雙括號, 否則會沒有效果