字符串擴展

ES6 加強了對 Unicode 的支持,并且擴展了字符串對象

字符的 Unicode 表示法

//es5
"\uD842\uDFB7"
// "??"
"\u20BB7"
// " 7"
//es6
"\u{20BB7}"
// "??"

for...of循環(huán)遍歷

for (let code of 'foo') {
  console.log(code)
}
// "f"
// "o"
// "o"

repeat()

返回一個新字符串,表示將原字符串重復n次。

'hello'.repeat(2) // "hellohello"

padStart(),padEnd()

padStart()用于頭部補全,padEnd()用于尾部補全

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

字符串模板

let website = 'xiaohui'
let who = 'You'
let str = `Hi
This is ${website}.
${who} can study frontend here
'
console.log(str)

多行字符串

let str =`
Hi,
This is baidu.com.
You can study frontend here.
`
console.log(str)

標簽模板

是函數(shù)調用的一種特殊形式..緊跟在后面的模板字符串就是它的參數(shù)。

alert`123`
// 等同于
alert(123)

模板字符里面有變量,就不是簡單的調用了,而是會將模板字符串先處理成多個參數(shù),再調用函數(shù)

let a = 5;
let b = 10;

tag`Hello ${ a + b } world ${ a * b }`;
// 等同于
tag(['Hello ', ' world ', ''], 15, 50);
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容