es6反單引號模板字串壓縮方法(去除換行和空格)

2021-10-24 16:25:59 字數 712 閱讀 6585

在使用 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 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...