在使用 es6 的模板字串時,常常會因為其中包含換行和空格,導致檔案增加不必要的大小。
壓縮示例:
const
minimize
= raw => raw.
join()
.split
('\n').
map(i => i.
trim()
).join(''
)minimize`
......
`
es6 的模板字串可以當做不帶括號的函式引數。
當模板字串傳入後,raw
為乙個陣列,其中第乙個元素raw[0]
即為傳入的模板字串真實內容(包括換行):
使用array.join()
方法將陣列raw
中唯一的第乙個元素轉為字串。
之後使用string.split()
按換行符\n
分割為陣列後trim()
去掉首位空格。
最後使用array.join()
將陣列無縫拼接起來即可。
最後我們將得到完全壓縮掉空格的字串。
例:
minimize`
textcc`
>>
"text
cc"
es6中反引號(模板字串)的使用
模板字串 template string 是增強版的字串,用反引號 標識。它可以當作普通字串使用,也可以用來定義多行字串,或者在字串中嵌入變數。字串中嵌入變數 var name bob time today hello how are you 如果在模板字串中需要使用反引號,則前面要用反斜槓轉義。v...
ES6模板字串
es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接 的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。const person lili con...
es6 模板字串
模板字串 反引號表示 是增強版的字串,可以用作普通字串,也可以使用多行字串,也可以巢狀使用 1 this is a string 2 this is a string 3 let n a this is string 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...