模板字串使用``反引號表示,需要使用變數時,通過${}
插入變數。
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...