大家好我本澤鍋又來了轻绞,這次來講講ES6的模板字符串
首先來理解下概念
之前做字符串的拼接
以前的寫法
var a = 'hellow world'
var b = '你好' + '"' + a + '"'
console.log(b)
打印結果:你好"hellow world"
var a = 'hellow world'
// var b = '你好' + '"' + a + '"'
var b = `你好${a}`
console.log(b)
打印結果:你好"hellow world"
這種寫法簡潔了很多,不用在拼接+ “ ” '' 諸如此類的叹哭,這就是es6的模版字符串寫法
模板字符串(template string)是增強版的字符串堤器,用反引號(`)標識烹困。它可以當作普通字符串使用笔咽,也可以用來定義多行字符串,或者在字符串中嵌入變量。變量的獲取方式是${varName}敢课,使得字符串模板定義簡單化阶祭。
還有其他一些特性
如果使用模版字符串輸出多行字符串,所有的空格和縮進都會被保存在輸出中
console.log(`你好\` how are you,
I am fine.
直秆。濒募。。圾结。
謝謝`)
打印結果
你好` how are you,
I am fine.
瑰剃。。筝野。晌姚。
謝謝
在${}中的大括號里可以放入任意的JavaScript表達式粤剧,及引用對象屬性(類似Spring SpEL表達式),還可以進行運算挥唠。
var x=100;
var y=123;
console.log(`x=${x++},y=${x+y}`);
打印結果
x=100,y=224