ES 6 模版字串

2021-09-11 10:04:51 字數 1033 閱讀 9754

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