1
我正在製作一個動態內容加載器的應用程序,它通過ajax加載內容,然後更改DOM。我有一個結構/架構,我的問題是如何來連接字符串,我要保持我的代碼「indentated」爲使其伊斯利可讀......如何在JavaScript中使用製表符和回車符連接字符串?
我怎樣才能實現那個?我需要一些特殊的景觀字符或某種?
我正在製作一個動態內容加載器的應用程序,它通過ajax加載內容,然後更改DOM。我有一個結構/架構,我的問題是如何來連接字符串,我要保持我的代碼「indentated」爲使其伊斯利可讀......如何在JavaScript中使用製表符和回車符連接字符串?
我怎樣才能實現那個?我需要一些特殊的景觀字符或某種?
可以逃避在與\
每一行的末尾換行符,雖然它通常被認爲是不好的做法(因爲它很容易維護的代碼錯過逃生。)
var page = '\
<div class="row well">\
<div class="row info-block">\
<div class="col-xs-4 logo-container">\
' + logo + '\
</div>\
</div>\
</div>';
什麼你真正想要的是ES6模板字符串,雖然:
var page = `
<div class="row well">
<div class="row info-block">
<div class="col-xs-4 logo-container">
${logo}
</div>
</div>
</div>`;
Template strings默認允許和支持插值多串
(在${logo}
以上。)
注意:兩個結果字符串之間存在差異。在換行符字符串中,換行符實際上不是結果字符串的一部分;而它們在模板字符串示例中。
不錯,但我有一個問題,ES6是否與移動設備兼容?包括一些相對較舊的設備? – candlejack
@alessadro,不幸的是模板字符串在移動設備上的支持不夠好:https://kangax.github.io/compat-table/es6/#template_strings。 –
噢,好吧,我現在將使用逃生解決方案,感謝您的幫助/時間:-) – candlejack