ES6:Reflect
Reflect
Relflect對象與Proxy對象一樣,也是ES6為了操作對象而提供的新的API。Reflect對象的設計目的有幾個。
(1)將Object對象的一些明顯屬于語言內部的方法(比如Obejcet.defineProperty),放到Reflect對象上。現階段,某些方法同時在Object喝Reflect對象上部署,未來的新方法將只部署在Reflect對象上。也就是說,從reflect對象上可以拿到語言內部的方法。
(2)修改某些Object方法的返回結果,讓其變得更合理。比如,Object.defineProperty(obj,name,desc)在無法定義屬性時,會拋出一個錯誤,而Reflect.defineProperty(obj,name,desc)則會返回false。
(3)讓Object操作都變成函數行為。某些Object操作是命令式,比如name in obj和delete obj[name],而Reflect.has(obj,name)和Reflect.deleteProperty(obj,name)讓它們變成了函數行為。
//老寫法 'assign' in Object//true //新寫法 Reflect.has(Object,'assign')//true(4)Reflect對象的方法與Proxy對象的方法一一對應,只要是Proxy對象的方法,就能在Reflect對象上找到對應的方法。這就讓Proxy對象可以方便地調用對應的Reflect方法,完成默認行為,作為修改行為的基礎。也就是說,不管Proxy怎么修改默認行為,你總可以在Reflect上獲取默認行為。
Proxy(target, {set: function(target, name, value, receiver) {var success = Reflect.set(target,name, value, receiver);if (success) {console.log('property ' + name + ' on ' + target + ' set to ' + value);}return success;} });上面代碼中,Proxy方法攔截target對象的屬性賦值行為。它采用Reflect.set方法將值賦值給對象的屬性,確保完成原有的行為,然后再部署額外的功能。
下面是另一個例子。
上面代碼中,每一個Proxy對象的攔截操作(getdeletehas),內部都調用對應的Reflect方法,保證原生行為能夠正常執行。添加的工作,就是將每一個操作輸出一行日志。
總結
以上是生活随笔為你收集整理的ES6:Reflect的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用VuePress搞定你的博客(一)
- 下一篇: shell 脚本安装Tomcat和j