005-Symbol、Proxy、Reflect
1、Symbol:http://es6.ruanyifeng.com/#docs/symbol
2、Proxy:http://es6.ruanyifeng.com/#docs/proxy
Proxy 用於修改某些操作的默認行為,等同於在語言層面做出修改,所以屬於一種“元編程”(meta programming),即對編程語言進行編程。
Proxy 可以理解成,在目標對象之前架設一層“攔截”,外界對該對象的訪問,都必須先通過這層攔截,因此提供了一種機制,可以對外界的訪問進行過濾和改寫。Proxy 這個詞的原意是代理,用在這裏表示由它來“代理”某些操作,可以譯為“代理器”。
3、Reflect:http://es6.ruanyifeng.com/#docs/reflect
Reflect
對象與Proxy
對象一樣,也是 ES6 為了操作對象而提供的新 API。Reflect
對象的設計目的有這樣幾個。
(1) 將Object
對象的一些明顯屬於語言內部的方法(比如Object.defineProperty
),放到Reflect
對象上。現階段,某些方法同時在Object
和Reflect
對象上部署,未來的新方法將只部署在Reflect
對象上。也就是說,從Reflect
對象上可以拿到語言內部的方法。
(2) 修改某些Object
方法的返回結果,讓其變得更合理。比如,Object.defineProperty(obj, name, desc)
Reflect.defineProperty(obj, name, desc)
則會返回false
。
// 老寫法
try {
Object.defineProperty(target, property, attributes);
// success
} catch (e) {
// failure
}
// 新寫法
if (Reflect.defineProperty(target, property, attributes)) {
// success
} else {
// failure
}
(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) {
log(‘property ‘ + name + ‘ on ‘ + target + ‘ set to ‘ + value);
}
return success;
}
});
上面代碼中,Proxy
方法攔截target
對象的屬性賦值行為。它采用Reflect.set
方法將值賦值給對象的屬性,確保完成原有的行為,然後再部署額外的功能。
005-Symbol、Proxy、Reflect