es6 javascript的Proxy 方法
阿新 • • 發佈:2018-11-23
get()方法用於攔截某個屬性的讀取操作,如果沒有該屬性的時候會報一個undefined的,如果結果get處理會返回對應的錯誤資訊
var person = { name: " 張三 " }; var proxy = new Proxy(person, { get: function(target, property) { if(property in target) { return target[property]; } else { throw new ReferenceError("Property \"" + property + "\" does not exist."); } } }); proxy.name// " 張三 " proxy.age // 丟擲一個錯誤set() 方法用來攔截某個屬性的賦值操作。
假定Person物件有一個age屬性, 該屬性應該是一個不大於 200 的整數, 那麼可以使用Proxy保證age的屬性值符合要求
let validator = { set: function(obj, prop, value) { if(prop === 'age') { if(!Number.isInteger(value)) { throw new TypeError('The age is not an integer'); }if(value > 200) { throw new RangeError('The age seems invalid'); } } // 對於 age 以外的屬性,直接儲存 obj[prop] = value; } }; let person = new Proxy({}, validator); person.age = 100; person.age // 100 person.age = 'young' // 報錯 person.age = 300 // 報錯