es6中反引號(模板字串)的使用

2021-10-17 19:01:19 字數 711 閱讀 1647

模板字串(template string)是增強版的字串,用反引號(`)標識。它可以當作普通字串使用,也可以用來定義多行字串,或者在字串中嵌入變數。

// 字串中嵌入變數

var name =

"bob"

, time =

"today"

;`hello

$, how are you $?`

如果在模板字串中需要使用反引號,則前面要用反斜槓轉義。

var greeting =

`\`yo\` world!`

;

如果使用模板字串表示多行字串,所有的空格和縮排都會被保留在輸出之中。

$

('#list').

html(`

`);

如果你不想要這個換行,可以使用trim方法消除它。

$

('#list').

html(`

`.trim()

);

模板字串中嵌入變數,需要將變數名寫在${}之中。

原文:

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

在使用 es6 的模板字串時,常常會因為其中包含換行和空格,導致檔案增加不必要的大小。壓縮示例 const minimize raw raw.join split n map i i.trim join minimize es6 的模板字串可以當做不帶括號的函式引數。當模板字串傳入後,raw為乙個陣...

ES6中模板字串

模板字串,是es6標準新引入的一種字串.說到底,它還是字串,只是和以前的字串比起來,有了一些特殊的地方.模板字串 template string 是es6標準之前的es版本的字串的增強版,但它的本質上還是字串,用反引 電腦鍵盤中esc下面的那個鍵 號標識.它可以當作普通的字串來使用,也可以定義多行字...

es6中的模板字串

es6中的字串代替了原有字串拼接的功能.1.傳統字串拼接 es5方式 let name 張三 let age 9 let str 我的名字叫 name 我今年 age 歲了 console.log str 我的名字叫張三我今年9歲了在es5中字串拼接需要用 並且如果你還想在這個字串中加入空格回車或者...