ES6新特性開發(fā)微信小程序 ES6中的模板字符串

2017年6月14日，ES6新特性開發(fā)微信小程序已經(jīng)是當下最熱門的話題，下面將從多方面來談談ES6中的模板字符串相關的內(nèi)容。

6月14日消息，據(jù)彭博社報道，為了與新東家沃爾瑪（Walmart）融合得更加順暢，Jet.com（去年8月被沃爾瑪以33億美元收購）正計劃逐步剔除自己平臺上所售的Costco旗下品牌產(chǎn)品。

6月18日，永輝將在福州開出第一家永輝生活店。值得注意的是，這也是永輝首家24小時營業(yè)門店。據(jù)了解，這家24小時門店商品由永輝物流統(tǒng)一配送，沒有熟食但提供蔬菜水果以及冷凍冰鮮類商品。

Template Literals(模板對象)

ES6中的模板字符串(Template String)是一種能在字符串文本中內(nèi)嵌表達式的字符串字面量(String Literal)。

除了使用反撇號字符 ` 代替普通字符串的引號 ' 或 " 外，它們看起來與普通字符串并無二致。

與普通字符串不同的是，模板字符串可以多行書寫。

模板字符串中所有的空格、新行、縮進，都會原樣輸出在生成的字符串中。

Extended Literals(字面量的擴展)

ES6增加了兩個新的數(shù)字進制標識符，第二個字母為b來表示二進制，第二個字母為o來表示八進制。

ES6更好的支持Unicode，支持擴展字符串和正則表達式的Unicode。

Enhanced Regular Expression(增強的正則表達式)

ES6對正則表達式添加了u修飾符，含義為“Unicode模式”，用來正確處理大于\uFFFF的Unicode字符。也就是說，會正確處理四個字節(jié)的UTF-16編碼。

上面的代碼中，\uD83D\uDC2A是一個四字節(jié)的UTF-16編碼，代表一個字符。不加“u”，會按 ES5 將其識別為2個字符，加了“u”之后，會按 ES6 將其正確識別為一個字符。

ES6對正則表達式添加了y修飾符，叫做“粘連”(sticky)修飾符。y修飾符的作用與g修飾符類似，也是全局匹配，后一次匹配都從上一次匹配成功的下一個位置開始。不同之處在于，g修飾符只要剩余位置中存在匹配就可，而y修飾符確保匹配必須從剩余的第一個位置開始。

ES6 為正則表達式新增了sticky屬性，用于表示正則對象是否設置了y修飾符。

ES6 為正則表達式新增了flags屬性，返回正則表達式的修飾符。

Enhanced Object Literals(增強的對象字面量)

ES6新增屬性的簡潔表示法，允許直接寫入變量和函數(shù)，作為對象的屬性和方法。這樣的書寫更加簡潔。

除了屬性簡寫，ES6方法也可以簡寫。

ES6新增屬性名表達式，允許字面量定義對象時，用表達式作為對象的屬性名，即把表達式放在方括號內(nèi)。

Destructuring Assignment(解構賦值)

ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進行賦值，這被稱為解構(Destructuring)。

解構賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z法將數(shù)組和對象的屬性賦給各種變量。這種賦值語法極度簡潔，同時還比傳統(tǒng)的屬性訪問方法更為清晰。

數(shù)組的解構賦值，可以從數(shù)組中提取值，按照對應位置，對變量賦值。

對象的解構賦值。

字符串的解構賦值，字符串被轉(zhuǎn)換成了一個類似數(shù)組的對象。

函數(shù)參數(shù)的解構賦值

想了解更多微信小程序開發(fā)和微信小程序大全都可以進入微信小程序商城系統(tǒng)開發(fā)了解。