es6 的模板字串,使用更簡潔

2021-10-09 03:59:47 字數 893 閱讀 1548

語法:

//模板字串拼接

let str = `he is $,he is a $`;

插入變數的時候也不需要再使用加號(+)了,而是把變數放入$即可。

${}中可以放js任意的表示式

1、運算表示式

2、可以是物件的屬性

3、可以是函式的呼叫

標籤模板

tagfn`他叫$,身高$公尺。`;

//標籤+模板字串

//定義乙個函式,作為標籤

function tagfn(arr,v1,v2)

從**的列印結果我們看到它們執行後對應的結果,arr的值是乙個陣列:[ "他叫" , ",身高" , "公尺。" ],而v1的值是變數name的值:「張三」,v2的值是變數height的值:1.8。

string的新增函式

1、repeat( )函式:將目標字串重複n次,返回乙個新的字串,不影響目標字串。

2、 includes( )函式:判斷字串中是否含有指定的子字串,返回true表示含有和false表示未含有。第二個引數選填,表示開始搜尋的位置

3、startswith( )函式:判斷指定的子字串是否出現在目標字串的開頭位置,第二個引數選填,表示開始搜尋的位置。

4、endswith( )函式:判斷子字串是否出現在目標字串的尾部位置,第二個引數選填,表示針對前n個字元

5、string.raw``;看函式名raw是未加工的的意思,正如這個函式的作用一樣:返回字串最原始的樣貌,即使字串中含有轉義符,它都視而不見,直接輸出。

ex:string.raw`hellow\nworld`

輸出:hellow\nworld

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

es6模板字串

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