ES6模板字串

2021-08-28 20:52:37 字數 386 閱讀 7218

es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接$的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。

const person='lili';

const age=5;

const sentence=`$ is $ years old`

console.log(sentence);

模板字串巢狀例子:

標籤模板字串,主要用於處理模板字串,返回我們想要的字串。下面的寫法可以變數的部分新增高亮。

注意標籤模板字串還可以預防xss攻擊,對使用者輸入內容做淨化,使用dompurify

es6 模板字串

模板字串 反引號表示 是增強版的字串,可以用作普通字串,也可以使用多行字串,也可以巢狀使用 1 this is a string 2 this is a string 3 let n a this is string 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...

es6模板字串

es6新增的建立字串的方式,使用反引號定義 let str 模板字串 console.log str 特點 可以解析變數。將變數放於 中 let val 123 let str2 模板字串 console.log str2 現在在模板字串的字串換行書寫,同時顯示也會進而換行顯示 let obj le...

ES6模板字串

樣子 反引號,tab上面的那個鍵,同該符號包裹的字串能夠帶來的功能如下 可以嵌入變數 可以原生輸出 there are basket.count items in your basket,basket.onsale are on sale there are items in your basket...