es6模板字元簡直是開發者的福音啊,解決了es5在字串功能上的痛點。 第乙個用途,基本的字串格式化。將表示式嵌入字串中進行拼接。用${}來界定。
//es5
var name = 'nwd'
console.log('hello' + name)
//es6
const name = 'nwd'
console.log(`hello $`) //hello lux
複製**
第二個用途,在es5時我們通過反斜槓(\)來做多行字串或者字串一行行拼接。es6反引號(``)直接搞定。
// es5
var msg = "hi \
man!
"// es6
const template = `hello world
`複製**
對於字串es6當然也提供了很多厲害也很有意思的方法
// 1.includes:判斷是否包含然後直接返回布林值
const str = 'nwd'
console.log(str.includes('w')) // true
// 2.repeat: 獲取字串重複n次
const str = 'nwd'
console.log(str.repeat(3)) // 'nwdnwdnwd'
//如果你帶入小數, math.floor(num) 來處理
// s.repeat(3.1) 或者 s.repeat(3.9) 都當做成 s.repeat(3) 來處理
// 3. startswith 和 endswith 判斷是否以 給定文字 開始或者結束
const str = 'hello world!'
console.log(str.startswith('hello')) // true
console.log(str.endswith('!')) // true
複製**
ES6字串模版
es6對字串新增的操作,最重要的就是字串模版,字串模版的出現讓我們再也不用拼接變數了,而且支援在模板裡有簡單計算操作。字串模版 先來看乙個在es5下我們的字串拼接案例 let a 派俊偉 let blog 過年看珠海長隆 a 出演春晚。document.write blog es5下必須用 a 這樣...
ES6 字串模版
字串模版 先來看乙個在es5下我們的字串拼接案例 let jspang 技術胖 let blog 非常高興你能看到這篇文章,我是你的老朋友 jspang 這節課我們學習字串模版。document.write blog es5下必須用 jspang 這樣的形式進行拼接,這樣很麻煩而且很容易出錯。es6...
es6語法之模版字串
es6語法之 以及vue語法 模版字串 const name 小緣 const age 14 等價於 最大的優勢是支援換行字串 const url const html div class container a href a div console.log html console.log typ...