ES6 模板字串用法詳解

2021-09-25 08:02:11 字數 905 閱讀 5757

模板字串使用``反引號表示,需要使用變數時,通過${}插入變數。

es5 中拼接字串

var uname =

"小倩"

, age =

19, *** =

"女", hobby =

"古箏、笛、琵琶"

var str =

'芳名:'

+uname+

',年芳'

+age+

',喜歡'

+hobby

console.

log(str)

// 芳名:小倩,年芳19,喜歡古箏、笛、琵琶

使用模板字串
var uname =

"小倩"

, age =

19, *** =

"女", hobby =

"古箏、笛、琵琶"

var str =

`芳名:

$,年芳

$,喜歡$`

console.

log(str)

// 芳名:小倩,年芳19,喜歡古箏、笛、琵琶

通過對比區別非常明顯,使用模板字串操作簡單、清晰明了便於維護。

物件簡寫

可以將變數直接作為物件的屬性使用,屬性值為函式時可以直接將": function"標識省略

let uname =

"玉環"

, age =

"青娥"

, gender =

"女"let obj =

}console.

log(obj)

執行結果

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