国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

推廣一個良好的拼接帶格式字符串的方法

2024-04-27 15:14:58
字體:
供稿:網(wǎng)友

帶格式是指,像普通的HTML文檔一樣,有縮進,有換行,有空格,這種字符串更便于閱讀。大家拼innerHTML的時候,巴不得越容易閱讀越好。

JS拼字符串,一般喜歡用+。如果想要很多行拼在一起,且方便閱讀,一般的做法是:

123456789101112var s = '<div class="main">'    + '<div class="left">'    +'</div>'    +'<div class="right">${a},{{a}}'    +   '<ul>'    +       '<!-- for: ${people} as ${p} -->'    +       '<li>${p.name}</li>'    +       '<!-- /for -->'    +   '</ul>'    +'</div>'+'</div>';

這種已經(jīng)算比較好了,但還是不夠好。比如有太多的+號,有太多的”,這里的結(jié)構(gòu)還算少的,要是再多的話,+和’也會更多。下面是更簡潔的方式,也是我一直在用的:

123456789101112var ss = '<!-- target:Name -->/<div class="main">/    <div class="left"></div>/    <div class="right">${a},{{a}}/        <ul>/            <!-- for: ${people} as ${p} -->/            <li>${p.name}</li>/            <!-- /for -->/        </ul>/    </div>/</div>/<!-- /target -->';

這種方式的好處顯而易見:不管字符串有多長,始終只有一對”,甚至連+都沒有;效率比第1種略高。你也可以隨時中斷(當然,中斷時就要閉合一次”),插入變量。

這種方式要注意一點,也是實現(xiàn)的關(guān)鍵:每一行的最后,都加上轉(zhuǎn)義斜線/,但沒有后續(xù)字符,只有個/。(如果報語法錯誤,你需要看是不是某一行后面加漏了/)

這種方式也有缺點,就是生成的字符串要比上一種方法大,因為他里面的縮進是保留了的,而第一種方式實際上并沒有縮進。但個人認為這個缺點遠不足以抵消其優(yōu)點,甚至有時候就需要保留空格呢。

最近見到一個JS經(jīng)驗很豐富的同事都不知道第二種方法,感嘆之下發(fā)布此文。供有需者學習。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 浦城县| 潜山县| 郯城县| 淄博市| 台中县| 高邮市| 光山县| 广河县| 绥宁县| 正镶白旗| 南和县| 承德县| 宿迁市| 峨边| 深水埗区| 湟源县| 靖远县| 思南县| 博湖县| 普格县| 柘荣县| 中西区| 启东市| 滁州市| 祁东县| SHOW| 辛集市| 榆社县| 长岛县| 屏南县| 逊克县| 望城县| 山丹县| 武定县| 武川县| 雅安市| 庆元县| 连山| 翁源县| 延寿县| 民县|