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

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

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

元編程是指的是開發(fā)人員對 “語言本身進行編程”。一般是編程語言暴露了一些API，供開發(fā)人員來操作語言本身的某些特性。

從ES6開始，新增了Proxy和 Reflect特性，擴展了元編程(Meta Programming)能力，允許攔截并定制基礎(chǔ)語言操作行為(比如，屬性查找，賦值，枚舉，函數(shù)調(diào)等)。

Proxy(代理)

Proxy是ES6加入的一個新特性，它可以 “代理” 對象的原生行為，替換為執(zhí)行自定義行為。

Proxy可以理解成在目標對象之前架設(shè)一層“攔截”，外界對該對象的訪問，都必須先通過這層攔截，因此提供了一種機制，可以對外界的訪問進行過濾和改寫。Proxy這個詞的原意是代理，用在這里表示由它來“代理”某些操作，可以譯為“代理器”。

Proxy 對象用來為基礎(chǔ)操作(例如：屬性查找、賦值、枚舉、方法調(diào)用等)定義用戶自定義行為。

創(chuàng)建一個Proxy對象：

target：目標對象，可以是任意類型的對象，比如數(shù)組，函數(shù)，甚至是另外一個代理對象。

handlert：處理器對象，包含了一組代理方法，分別控制所生成代理對象的各種行為。

Proxy對象的方法：

Proxy.revocable(target, handler)：用來創(chuàng)建一個可撤銷的代理對象。

處理器對象一共有14種可代理方法：

handler.getPrototypeOf()：在讀取代理對象的原型時觸發(fā)該操作，比如在執(zhí)行 Object.getPrototypeOf(proxy) 時。

handler.setPrototypeOf()：在設(shè)置代理對象的原型時觸發(fā)該操作，比如在執(zhí)行 Object.setPrototypeOf(proxy, null) 時。

handler.isExtensible()：在判斷一個代理對象是否是可擴展時觸發(fā)該操作，比如在執(zhí)行 Object.isExtensible(proxy) 時。

handler.preventExtensions()：在讓一個代理對象不可擴展時觸發(fā)該操作，比如在執(zhí)行 Object.preventExtensions(proxy) 時。

handler.getOwnPropertyDescriptor()：在獲取代理對象某個屬性的屬性描述時觸發(fā)該操作，比如在執(zhí)行 Object.getOwnPropertyDescriptor(proxy, “foo”) 時。

handler.defineProperty()：在定義代理對象某個屬性時的屬性描述時觸發(fā)該操作，比如在執(zhí)行 Object.defineProperty(proxy, “foo”, {}) 時。

handler.has()：在判斷代理對象是否擁有某個屬性時觸發(fā)該操作，比如在執(zhí)行 “foo” in proxy 時。

handler.get()：在讀取代理對象的某個屬性時觸發(fā)該操作，比如在執(zhí)行 proxy.foo 時。

handler.set()：在給代理對象的某個屬性賦值時觸發(fā)該操作，比如在執(zhí)行 proxy.foo = 1 時。

handler.deleteProperty()：在刪除代理對象的某個屬性時觸發(fā)該操作，比如在執(zhí)行 delete proxy.foo 時。

handler.enumerate()：在遍歷代理對象的屬性時觸發(fā)該操作，比如在執(zhí)行 for(i in proxy){} 時。

handler.ownKeys()：在獲取代理對象的所有屬性鍵時觸發(fā)該操作，比如在執(zhí)行 Object.getOwnPropertyNames(proxy) 時。

handler.apply()：在調(diào)用一個目標對象為函數(shù)的代理對象時觸發(fā)該操作，比如在執(zhí)行 proxy() 時。

handler.construct()：在給一個目標對象為構(gòu)造函數(shù)的代理對象構(gòu)造實例時觸發(fā)該操作，比如在執(zhí)行new proxy() 時。

攔截屬性值的讀取操作：

上面代碼中，Proxy(代理)對象定義一個target和一個handle，handle實現(xiàn)了一個get捕捉方法。通過這個方法，被代理的對象對于未定義的屬性，不再返回undefined，而是返回一個42的數(shù)字。

攔截屬性值的賦值操作：

上面代碼中，設(shè)置了set的處理函數(shù)，如果我們偵聽的對象的屬性被更改，那這個處理程序就會被調(diào)用，同時通過參數(shù)能夠得知是哪個屬性被更改，更改為了什么值。

同一個攔截器函數(shù)，可以設(shè)置攔截多個操作：

Proxy.revocable方法用來創(chuàng)建一個可撤銷的代理對象,一旦某個代理對象被撤銷，它將變的幾乎完全不可用，在它身上執(zhí)行任何的可代理操作都會拋出 TypeError 異常。

Reflect(反射)

ES6 中引入的Reflect是另一個元編程的特性，它使得我們可以直接操縱對象的原生行為。Reflect可操縱的行為與Proxy可代理的行為是一一對應(yīng)的，這使得可以在Proxy的自定義方法中方便的使用Reflect調(diào)用原生行為。

Reflection(反射)促進元編程的一種很有價值的語言特性，它可以在程序運行時動態(tài)展現(xiàn)程序本身的特性。

Reflect 對象提供了14個靜態(tài)方法，它們的名字剛好和那14個代理處理器方法的名字相同，這14個方法中有幾個剛好在 Object 對象身上也存在同名方法，雖然它們功能類似，但也存在細微差異。

Reflect.apply()：對一個函數(shù)進行調(diào)用操作，同時可以傳入一個數(shù)組作為調(diào)用參數(shù)。和 Function.prototype.apply() 功能類似。

Reflect.construct()：對構(gòu)造函數(shù)進行 new 操作，相當于執(zhí)行 new target(…args)。

Reflect.defineProperty()：和 Object.defineProperty() 類似。

Reflect.deleteProperty()：刪除對象的某個屬性，相當于執(zhí)行 delete target[name]。

Reflect.enumerate()：該方法會返回一個包含有目標對象身上所有可枚舉的自身字符串屬性以及繼承字符串屬性的迭代器，for…in 操作遍歷到的正是這些屬性。

Reflect.get()：獲取對象身上某個屬性的值，類似于 target[name]。

Reflect.getOwnPropertyDescriptor()：類似于 Object.getOwnPropertyDescriptor()。

Reflect.getPrototypeOf()： 類似于 Object.getPrototypeOf()。

Reflect.has()：判斷一個對象是否存在某個屬性，和 in 運算符 的功能完全相同。

Reflect.isExtensible()：類似于 Object.isExtensible()。

Reflect.ownKeys()：返回一個包含所有自身屬性(不包含繼承屬性)的數(shù)組。

Reflect.preventExtensions()：類似于 Object.preventExtensions()。

Reflect.set()：設(shè)置對象身上某個屬性的值，類似于 target[name] = val。

Reflect.setPrototypeOf()：類似于 Object.setPrototypeOf()。

上面代碼中，Proxy方法攔截target對象的屬性賦值行為，采用Reflect.set方法將值賦值給對象的屬性。

為什么要使用Reflect：

將Object對象的一些明顯屬于語言內(nèi)部的方法(比如Object.defineProperty)，放到Reflect對象上。現(xiàn)階段，某些方法同時在Object和Reflect對象上部署，未來的新方法將只部署在Reflect對象上。

修改某些Object方法的返回結(jié)果，讓其變得更合理。比如，Object.defineProperty(obj, name, desc)在無法定義屬性時，會拋出一個錯誤，而Reflect.defineProperty(obj, name, desc)則會返回false。

讓Object操作都變成函數(shù)行為。某些Object操作是命令式，比如name in obj和delete obj[name]，而Reflect.has(obj, name)和Reflect.deleteProperty(obj, name)讓它們變成了函數(shù)行為。

Reflect對象的方法與Proxy對象的方法一一對應(yīng)，只要是Proxy對象的方法，就能在Reflect對象上找到對應(yīng)的方法。這就讓Proxy對象可以方便地調(diào)用對應(yīng)的Reflect方法，完成默認行為，作為修改行為的基礎(chǔ)。也就是說，不管Proxy怎么修改默認行為，你總可以在Reflect上獲取默認行為。

上面代碼中，每一個Proxy對象的攔截操作(get、delete、has)，內(nèi)部都調(diào)用對應(yīng)的Reflect方法，保證原生行為能夠正常執(zhí)行。添加的工作，就是將每一個操作輸出一行日志。有了Reflect對象以后，很多操作會更易讀。

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