ES6 模板字串的認識與擴充套件

2021-10-22 14:41:28 字數 1454 閱讀 5927

const name =

"li"

;const str =

`hello , $`

; console.

log(str)

;//hello , li

const str = console.

log(

`hello world`);

//hello world

如下**myfun()**這種標籤函式對模板字串進行加工,對變數進行處理了,使其返回更合理、更易理解的結果。

const name =

"li"

;const flag =

true

;function

myfun

(strings,name,gender)

const str = myfun`hello,

$is a $`

;console.

log(str)

;//hello,li is a man

這種模板字串標籤函式使文字更加多元化,可以實現很多功能。

es6 新特性——字串的擴充套件

const msg =

"hello world!"

;console.

log(msg.

startswith

('hello'))

;//true

console.

log(msg.

endswith

('!'))

;//true

console.

log(msg.

includes

('o'))

;//true

function

fn(str,a =

true)fn

('abc');

//true

…操作符用途:
function

fun(n,

...args)

fun(1,

2,3,

4,5)

;//輸出:[2,3,4,5]

//展開陣列一

var arr =[1

,2,33

,4];

console.

log(arr[0]

,arr[1]

,arr[2]

,arr[3]

);//0,1,2,33,4

//展開陣列二

console.log.

(console,arr)

;//展開陣列三 es6 ...方式

console.

log(

...arr)

;//1,2,33,4

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...