es6中的模板字串

es6中的字串代替了原有字串拼接的功能.

1.傳統字串拼接(es5方式):

let  name  =
'張三'
;let age =9;
let str =
'我的名字叫'
+ name +
'我今年'
+ age +
'歲了'
;console.
log(str)
//我的名字叫張三我今年9歲了

在es5中字串拼接需要用『++』 ,並且如果你還想在這個字串中加入空格回車或者其他的特殊字元，那**就變得更難以維護，因為還需要加入轉義字元才能正常顯示。較為繁瑣.

//我的名字叫'張三'我今年9歲了
let name =
'張三'
;let age =9;
let str =
'我的名字叫\''
+ name +
'\'我今年'
+ age +
'歲了'
;console.
log(str)

2.es6使用模板字串拼接的方式

let  name  =
'張三'
;let age =9;
// let str = '我的名字叫\'' + name + '\'我今年' + age + '歲了';
let str =
`我的名字叫'
$'我今年
$歲了`
console.
log(str)

同一段**,在使用es6的模板字串形式**就變得輕便多了.模版字串的開始和結束不再使用引號包裹，而是使用『`』,變數也採用了『$』的方式，省去了拼接時的加號和特殊字元的轉義。

function
show
(arr)$$
` tbody.
insertadjacenthtml
('beforeend'
, tr)
console.
log(tr);}
)}show
(data)
;

ES6中模板字串

模板字串,是es6標準新引入的一種字串.說到底,它還是字串,只是和以前的字串比起來,有了一些特殊的地方.模板字串 template string 是es6標準之前的es版本的字串的增強版,但它的本質上還是字串,用反引電腦鍵盤中esc下面的那個鍵號標識.它可以當作普通的字串來使用,也可以定義多行字...

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中模板字串

ES6模板字串

es6 模板字串

相關推薦