ES6 模板字串用法詳解

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

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