ES6開發(fā)小程序注意 新的原始數(shù)據(jù)類型Symbol

2017年6月14日，ES6開發(fā)小程序已經(jīng)是當(dāng)下最熱門的話題，下面將從多方面來談?wù)凟S6開發(fā)小程序相關(guān)的內(nèi)容。

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

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

Symbol Type

ES6引入了一種新的原始數(shù)據(jù)類型Symbol，表示獨(dú)一無二的值。它是JavaScript語言的第七種數(shù)據(jù)類型，前六種是：Undefined、Null、布爾值(Boolean)、字符串(String)、數(shù)值(Number)、對象(Object)。

Symbol值通過Symbol函數(shù)生成。這就是說，對象的屬性名現(xiàn)在可以有兩種類型，一種是原來就有的字符串，另一種就是新增的Symbol類型。凡是屬性名屬于Symbol類型，就都是獨(dú)一無二的，可以保證不會與其他屬性名產(chǎn)生沖突。

Iterators(迭代器)

ES6迭代器不是內(nèi)建的，通過使用[Symbol.iterator]()和.next()來進(jìn)行創(chuàng)建。Iterators(迭代器)是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機(jī)制。任何數(shù)據(jù)結(jié)構(gòu)只要部署Iterator接口，就可以完成遍歷操作(即依次處理該數(shù)據(jù)結(jié)構(gòu)的所有成員)。

Iterator的作用：

為各種數(shù)據(jù)結(jié)構(gòu)，提供一個統(tǒng)一的、簡便的訪問接口;

使得數(shù)據(jù)結(jié)構(gòu)的成員能夠按某種次序排列;

ES6創(chuàng)造了一種新的遍歷命令for...of循環(huán)，Iterator接口主要供for...of消費(fèi)。

Set、Map數(shù)據(jù)結(jié)構(gòu)

ES6提供了新的數(shù)據(jù)結(jié)構(gòu)Set。它類似于數(shù)組，但是成員的值都是唯一的，沒有重復(fù)的值。

Set本身是一個構(gòu)造函數(shù)，用來生成Set數(shù)據(jù)結(jié)構(gòu)。

ES6提供了Map數(shù)據(jù)結(jié)構(gòu)。它類似于對象，也是鍵值對的集合，但是“鍵”的范圍不限于字符串，各種類型的值(包括對象)都可以當(dāng)作鍵。也就是說，Object結(jié)構(gòu)提供了“字符串—值”的對應(yīng)，Map結(jié)構(gòu)提供了“值—值”的對應(yīng)，是一種更完善的Hash結(jié)構(gòu)實現(xiàn)。如果你需要“鍵值對”的數(shù)據(jù)結(jié)構(gòu)，Map比Object更合適。

WeakSet結(jié)構(gòu)與Set類似，也是不重復(fù)的值的集合。但WeakSet只能存對象類型的元素，比如：Object, Array, Function 等。WeakSet中的對象都是弱引用，即垃圾回收機(jī)制不考慮WeakSet對該對象的引用，如果其他對象都不再引用該對象，那么垃圾回收機(jī)制會自動回收該對象所占用的內(nèi)存，不考慮該對象還存在于WeakSet之中。有了弱引用的WeakSet， 就不用擔(dān)心內(nèi)存泄漏了。

WeakSet對象的方法只有三個，WeakMap沒有size屬性：

add(): 向集添加新元素。

delete(): 從集中移除指定元素。

has(): 如果集包含指定的元素，則返回 true。

WeakMap結(jié)構(gòu)與Map結(jié)構(gòu)基本類似，也是是鍵值對的集合。但WeakMap只接受對象作為鍵名(null除外)，不接受其他類型的值作為鍵名，而且鍵名所指向的對象，不計入垃圾回收機(jī)制。

WeakMap對象的方法，WeakMap沒有size屬性，WeakMap對象不能枚舉：

clear():從 WeakMap 中移除所有元素。

delete(): 從 WeakMap 中移除指定的元素。

get(): 從 WeakMap 中返回指定的元素。

has(): 如果 WeakMap 包含指定元素，則返回 true。

set(): 添加新元素至 WeakMap。

toString():返回 WeakMap 的字符串表示形式。

valueOf():返回指定對象的原始值。

Typed Arrays(類型化數(shù)組)

類型化數(shù)組(ArrayBuffer對象、TypedArray視圖和DataView視圖)是JavaScript操作二進(jìn)制數(shù)據(jù)的一個接口。這些對象早就存在，屬于獨(dú)立的規(guī)格(2011年2月發(fā)布)，ES6將它們納入了ECMAScript規(guī)格，并且增加了新的方法。

類型化數(shù)組支持任意基于字節(jié)的數(shù)據(jù)結(jié)構(gòu)，更方便的實現(xiàn)網(wǎng)絡(luò)協(xié)議、加密算法、文件格式操作等功能。

ArrayBuffer是一段不透明的內(nèi)存區(qū)域(所謂不透明，就是無法直接操作的數(shù)據(jù)塊)，單位是字節(jié)(Byte)也就是8位，它的byteLength屬性返回其內(nèi)存大小。

在ArrayBuffer上，可以使用不同的視圖來創(chuàng)建任意數(shù)量的類型化數(shù)組， 這些類型化數(shù)組也可以是重疊的。有八種不同的類型化數(shù)組(視圖)，分別為：

Int8Array: 1個字節(jié)，8位二進(jìn)制帶符號整數(shù) -2^7~(2^7) - 1

Uint8Array: 1個字節(jié)，8位無符號整數(shù) 0~(2^8) - 1

Int16Array: 2個字節(jié)，16位二進(jìn)制帶符號整數(shù) -2^15~(2^15)-1

Uint16Array: 2個字節(jié)，16位無符號整數(shù) 0~(2^16) - 1

Int32Array: 4個字節(jié)，32位二進(jìn)制帶符號整數(shù) -2^31~(2^31)-1

Uint32Array: 4個字節(jié)，32位無符號整數(shù) 0~(2^32) - 1

Float32Array: 4個字節(jié)，32位IEEE浮點(diǎn)數(shù)

Float64Array: 8個字節(jié)，64位IEEE浮點(diǎn)數(shù)

如果一段數(shù)據(jù)包括多種類型，這時除了建立ArrayBuffer對象的復(fù)合視圖以外，還可以通過DataView視圖進(jìn)行操作。

DataView視圖提供更多操作選項，而且支持設(shè)定字節(jié)序。

DataView本身也是構(gòu)造函數(shù)，接受一個ArrayBuffer對象作為參數(shù)，生成視圖。

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